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)文章
html工作中表格<tbody>標(biāo)簽的使用技巧
公司大部分的項(xiàng)目都是基于BS結(jié)構(gòu),UI設(shè)計(jì)階段做WEB原型頁面時要把各種交互效果實(shí)現(xiàn)出來,與真正的后臺編程不同,就用JS前臺編程來實(shí)現(xiàn),讓程序員編程前知道要做成什么樣的效果就行了。2008-09-09用CSS控制表格或單元格強(qiáng)制換行,防止表格被英文單詞或中文撐大
自動換行問題,正常字符的換行是比較合理的,而連續(xù)的數(shù)字和英文字符常常將容器撐大,挺讓人頭疼,下面介紹的是CSS如何實(shí)現(xiàn)換行的方法2008-10-10CSS 浮動清理,不使用 clear:both標(biāo)簽
CSS:浮動清理,不使用 clear:both標(biāo)簽 在進(jìn)行浮動布局時,大多數(shù)人都深知,在必要的地方進(jìn)行浮動清理:<div style="clear:both;"></div>。2008-07-07