Notes of webdesign. Mainly includes CSS & Javascript

2008-07-14

Positon:fixed在IE6中的解決方法

在版本6以下的IE里,在元素CSS中使用"position:fixed"無法達到將元素抽離數據流并浮動的效果。對此的解決辦法是:

設置CSS屬性
html, body{
height:100%; overflow: auto;}

然后將需要fixed效果的元素設置為
position:absolute;

即可解決問題。

對于一些分辨率低的屏幕,瀏覽器可能會出現兩條豎直滾動條,對此可以有以下解決方法
html{overflow-x:auto; overflow-y:hidden;}
body{height:100%; overflow:auto;}
Original Posts:
Fake position:fixed in IE6

Position:fixed for Internet Explorer

0 comments: