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