IE7滾動條無法滾動的問題解決。

我的幸福大街論壇進來升級成了phpwind 5.3,這個版本的其中一個優勢就是設計模板開始遵循WEB標準,這點很好。但是升級后就有很多用戶反映滾動條無法滾動,出現這個問題的是IE7用戶,著實讓我郁悶了。
我檢查了下自己的代碼,在CSS設置中有這么一段
Body
{
overflow-x:hidden;
}
,一開始我以為這個應該無關緊要,以為這個只對IE6有效,因為以前的網頁是html 4.0版的,現在的網頁頭部聲明如果是符合WEB標準的話應該都是xhtml 1.0版本的,而且IE7相比IE6的優勢是它更加遵循WEB標準,所以它應該是不以BODY為容器的,于是我馬上刪除了overflow-x:hidden;問題就解決了。

題外話:
本來我想實現的效果是不顯示橫向滾動條,所以在CSS里加上
Body
{
overflow-x:hidden;
}
但是在现在的标准下”http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”下面,上面的代码不产生任何效果,因为现在不是以Body作为容器,而是html标签,所以
加入:
HTML
{
overflow-x:hidden;
}
,但是这样做了以后,在IE7下,鼠标滚轮上下滚动不起作用了(前面我已經說了就算加在body{}中也是會有這樣的狀況),IE6下却是正常的。網上搜索了很多文章,終于給我找到了,原來是要多加上一行代码,也就是對Y軸也就是豎向滾動條的定義,看來IE7沒有firefox那樣對豎向滾動條進行默認自動的設定,唉,有這個問題的只要按照下面修改就可以了。
HTML
{
overflow-x:hidden;
overflow-y:auto;
}

或者直接去掉overflow-x:hidden;這個,如果你的頁面本身就不會產生橫向滾動條的話。

7 Responses to IE7滾動條無法滾動的問題解決。

  1. 具体如何操作? says:

    这个问题该如何解决,虽然有方案,但是我们在IE7当中该怎么解决啊,请大侠给个脚本,或者如何解决的操作手册也好,多谢!

  2. 具体如何操作? says:

    在电脑当中没有找到IE的CSS文件啊,不知道应该放在什么位置上啊,麻烦了。

  3. laoda says:

    IE7是什么东西?

  4. 地对地导弹 says:

    非常感谢

Leave a Reply

Your email address will not be published. Required fields are marked *