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 *