发现一个出现很久的问题就是dz论坛安装的其他的模版后出现横向滚动条
今天想了想办法解决了这个问题
由于IE和firefox对于滚动条处理方式的不同,用单一的方法并不能去掉(隐藏)IE和firefox的横向滚动条,只能单一隐藏一个滚动条。解决办法如下,代码中加入:
Body
{
overflow-x:hidden;
}
HTML
{
overflow-x:hidden;
overflow-y:auto;
}
如果已经设置了相关代码,请将样式加入元标记中。
在以前的HTML标准下,要隐藏横向滚动条,只需要在CSS里加上
Body
{
overflow-x:hidden;
}
但是在现在的标准下"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"下面,上面的代码不产生任何效果,因为现在不是以Body作为容器,而是html标签,所以
加入:
HTML
{
overflow-x:hidden;
}
但是这样做了以后,在IE7下,鼠标滚轮上下滚动不起作用了,IE6下却是正常的。多加上一行代码就解决问题了
HTML
{
overflow-x:hidden;
overflow-y:auto;
}
这段可以放入一个全局的css样式中,这样所有弹出窗口(包括模态窗口),所有页面都不会出现横向滚动条。
转载请注明:天狐博客 » 完美去掉(隐藏)discuz论坛IE和firefox的横向滚动条