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)試成功，且頁(yè)面滾動(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)試成功，且頁(yè)面滾動(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)文章
純div+css實(shí)現(xiàn)，大家可以參考下，也許有一些問(wèn)題，大家可以修正下2008-12-12
input下的value值無(wú)法修改的解決方法2008-07-07
今天剛看到ChinaUI.com新改版的網(wǎng)站，覺(jué)得優(yōu)艾網(wǎng)是越來(lái)越漂亮了，這次的變化的確是挺大的。一早大概的看了一下就關(guān)了，后來(lái)晚上又打開(kāi)看時(shí)發(fā)現(xiàn)個(gè)問(wèn)題。2008-06-06
div css表單布局的五個(gè)小技巧可以幫助你更靈活的控制表單，使頁(yè)面更加滿(mǎn)意。2008-01-01
html工作中表格<tbody>標(biāo)簽的使用技巧
公司大部分的項(xiàng)目都是基于BS結(jié)構(gòu)，UI設(shè)計(jì)階段做WEB原型頁(yè)面時(shí)要把各種交互效果實(shí)現(xiàn)出來(lái)，與真正的后臺(tái)編程不同，就用JS前臺(tái)編程來(lái)實(shí)現(xiàn)，讓程序員編程前知道要做成什么樣的效果就行了。2008-09-09
純css實(shí)現(xiàn)的圓角邊框效果代碼2008-04-04
用CSS控制表格或單元格強(qiáng)制換行,防止表格被英文單詞或中文撐大
自動(dòng)換行問(wèn)題,正常字符的換行是比較合理的,而連續(xù)的數(shù)字和英文字符常常將容器撐大,挺讓人頭疼,下面介紹的是CSS如何實(shí)現(xiàn)換行的方法2008-10-10
找到html標(biāo)記對(duì)應(yīng)的腳本屬性
找到html標(biāo)記對(duì)應(yīng)的腳本屬性...2006-10-10
web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題集合2
web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題集合2...2006-11-11
CSS 浮動(dòng)清理，不使用 clear:both標(biāo)簽
CSS:浮動(dòng)清理，不使用 clear:both標(biāo)簽 在進(jìn)行浮動(dòng)布局時(shí)，大多數(shù)人都深知，在必要的地方進(jìn)行浮動(dòng)清理：<div style="clear:both;"></div>。2008-07-07