首页 文章

我的网站元素在Chrome / Opera浏览器中没有滚动条

提问于
浏览
0

我的网站有问题 . 它基于PHPBB3论坛,我需要解决这个问题的方法:人们看不到我网站上所有组件的滚动条 . 滚动条本身存在,但它是不可见的,就像他的不透明度以某种方式设置为0.例如,此屏幕截图中的shoutbox上没有可见的滚动条,但您仍然可以通过抓取此空白区域并上下拖动来滚动(例如一个看不见的滚动条xd):

enter image description here

在Firefox上一切都很好,但在Chrome和Opera(Webkit和闪烁引擎)上没有 .

我不知道有什么可以做到这一点,所以我正在寻找一些解决方案 .

在此先感谢您的帮助 .

最好的问候,Areen .

2 回答

  • 1

    在你的body元素的CSS上,有一个webkit属性;

    -webkit-transform: rotate(-0.0000000001deg);
    

    它就在第36行的样式表中:

    http://www.generally.pl/style.php?id=4&lang=en

    body {
        /* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
        font-family: Verdana, Helvetica, Arial, sans-serif;
        color: #828282;
        background-color: #FFFFFF;
        /*font-size: 62.5%;          This sets the default font size to be equivalent to 10px */
        font-size: 10px;
        margin: 0;
        padding: 0;
        -webkit-transform: rotate(-0.0000000001deg);
    }
    

    在Chrome的检查器(F12)中取消选中此属性会使您的滚动条显示出来 . 我的猜测是原始设计师想要隐藏滚动条,因此非常轻微的偏移使其消失 . 只是注释掉或删除此部分,你会没事的 .

    对不起,我在没有实际尝试的情况下提前做了快速回答我已删除该帖子 . 这个答案适用于Chrome . 虽然我没有在我的任何计算机上安装Opera,但它也适用于Opera . 根据去年5月份的Sitepoint文章,Opera实现了webkit扩展(但它没有具体列出webkit-transform):

    http://www.sitepoint.com/opera-css3-webkit-prefix/

  • 0

    将div的样式属性设置为 overflow: scroll;

相关问题