ie6對(duì)position:fixed不支持 ， 網(wǎng)上有很多解決方法 ， 有的在ie6,ie7上調(diào)試成功后 ， 在ie8上又不好使 ， div層還是跟隨滾動(dòng)條浮 動(dòng)；以下總結(jié)方法 ， 在ie6,ie7,ie8上都調(diào)試成功 ， 且頁(yè)面滾動(dòng)條滾動(dòng)時(shí) ， 效果還挺好 ， div層并不會(huì)閃爍 。
復(fù)制代碼 代碼如下:
div id="goTop_div" class="fixed ie" /div
【ie6,ie7,ie8完美支持position:fixed的終極解決方案】css:
復(fù)制代碼 代碼如下:
.fixed{
position:fixed; /*對(duì)于火狐等其他瀏覽器需要設(shè)置的*/
top:700px; /*同上*/
width:30px;
height:30px;
cursor:pointer;
display:none;
}
.ie{
_position: absolute;
_clear: both;
_top:expression(eval(document.compatMode
document.compatMode==’CSS1Compat’) ?
documentElement.scrollTop
(documentElement.clientHeight-this.clientHeight) - 1
: document.body.scrollTop
(document.body.clientHeight-this.clientHeight) - 1);
}
您可能感興趣的文章:JS 滾動(dòng)事件window.onscroll與position：fixed寫(xiě)兼容IE6的回到頂部組件js完美解決IE6不支持position:fixed的bugjavascript ie6兼容position:fixed實(shí)現(xiàn)思路IE6支持position:fixed完美解決方法詳解IE6中的position：fixed問(wèn)題與隨滾動(dòng)條滾動(dòng)的效果
推薦閱讀
- jQuery實(shí)現(xiàn)簡(jiǎn)單網(wǎng)頁(yè)遮罩層/彈出層效果兼容IE6、IE7
- ie8下不解析background屬性與書(shū)寫(xiě)格式有關(guān)
- bootstrap3 兼容IE8瀏覽器！
- css padding屬性兼容ie6,ie8,firefox實(shí)例詳解
- IE7或者IE8全屏解決方案
- IE8下顯示圖片時(shí)多出一個(gè)邊框而Chrome或Firefox下卻沒(méi)有
- ie8/9下Activex控件無(wú)法加載的兩種解決方法
- IE10 設(shè)置IE8兼容模式的方法
- 瀏覽器IE8將全面兼容Web網(wǎng)頁(yè)標(biāo)準(zhǔn)
- 網(wǎng)頁(yè)排版應(yīng)該考慮IE6的兼容性問(wèn)題