ie6,ie7,ie8完美支持position:fixed的終極解決方案
更新時(shí)間：2014年05月15日 10:19:56 作者：
ie6對(duì)position:fixed不支持，網(wǎng)上有很多解決方法，有的在ie6,ie7上調(diào)試成功后，在ie8上又不好使，div層還是跟隨滾動(dòng)條浮 動(dòng)；以下總結(jié)方法，在ie6,ie7,ie8上都調(diào)試成功，且頁面滾動(dòng)條滾動(dòng)時(shí)，效果還挺好，div層并不會(huì)閃爍。
ie6對(duì)position:fixed不支持，網(wǎng)上有很多解決方法，有的在ie6,ie7上調(diào)試成功后，在ie8上又不好使，div層還是跟隨滾動(dòng)條浮 動(dòng)；以下總結(jié)方法，在ie6,ie7,ie8上都調(diào)試成功，且頁面滾動(dòng)條滾動(dòng)時(shí)，效果還挺好，div層并不會(huì)閃爍。
復(fù)制代碼 代碼如下:
<div id="goTop_div" class="fixed ie"> </div>
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);
}
相關(guān)文章
提高CSS網(wǎng)頁渲染效率的11點(diǎn)注意事項(xiàng)
CSS學(xué)習(xí)越深入，我們需要關(guān)注的細(xì)節(jié)之處就越多，今天我們通過11個(gè)注意點(diǎn)來提高CSS的網(wǎng)頁渲染效率。2008-08-08
使用div+css（姑且這樣叫，雖然我也不喜歡，但是叫什么呢？）布局的好處不用多說，經(jīng)常性地會(huì)使用到float，那么清除浮動(dòng)就是必須要做的，而且隨時(shí)性地對(duì)父級(jí)元素清除浮動(dòng)的做法也被認(rèn)為是書寫CSS的良好習(xí)慣之一。2008-03-03
word-wrap:break-word 在firefox中不會(huì)起作用，以下是解決辦法2008-10-10
制作WEB在線編輯器-插入HTML標(biāo)簽...2007-03-03
css網(wǎng)頁布局中注意的幾個(gè)問題小結(jié)
經(jīng)常使用div+css布局的朋友，需要注意以下幾點(diǎn)2008-09-09![[轉(zhuǎn)]Accesskey引起的一點(diǎn)點(diǎn)思考](http://img.jbzj.com/images/xgimg/bcimg5.png)
[轉(zhuǎn)]Accesskey引起的一點(diǎn)點(diǎn)思考
[轉(zhuǎn)]Accesskey引起的一點(diǎn)點(diǎn)思考...2007-02-02
瀏覽器的不兼容，大家肯定都是深惡痛絕的，往往我們只是去做修補(bǔ)，卻忘了更重要的事情，那就是追溯根源，避免類似的不兼容再次出現(xiàn)。2008-08-08
實(shí)用的利用 CSS + <em>標(biāo)簽 來完成一個(gè)三角形的制作
實(shí)用的利用 CSS + <em>標(biāo)簽 來完成一個(gè)三角形的制作...2007-04-04
創(chuàng)建IE各版本專屬CSS IE中的if語句...2007-09-09
網(wǎng)站首頁head區(qū)代碼規(guī)范...2006-11-11