您的位置: 首頁 > 源碼資料
Div層固定在瀏覽器底部兼容ie6的方法
源碼資料 時(shí)間:2013-05-15 作者/發(fā)布人:科杰在線 點(diǎn)擊:2354
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>兼容ie6的底部固定DIV層</title>
<style type="text/css">
<!--
.box {
z-index:999;
background-color: #09C;
height: 60px;
width: 100%;
position: fixed;
bottom: 0px;
left: auto;
right: auto;
line-height: 60px;
text-align: center;
_POSITION: absolute;/*兼容IE6*/
_TOP: expression(offsetParent.scrollTop+document.documentElement.clientHeight-this.offsetHeight);/*兼容IE6*/
}
.box a{color: #FFF;}
-->
</style>
</head>
<body>
<div style="height:2000px;">固定的樣式在ie7之后就開始支持position: fixed;了 但是ie6不支持，那么就需要用到CSS的expression屬性了，注意expression是一個(gè)非常占用系統(tǒng)資源的方法，估計(jì)ie6滅亡的時(shí)候它也會徹底消失了吧。<br />
<br />
往下看，看頁面的最下面</div>
<div class="box"><a href="http://www.www.yeewaa.com" target="_blank">我固定在頁面底部，拖動瀏覽器的滾動條試試 = =>></a></div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>兼容ie6的底部固定DIV層</title>
<style type="text/css">
<!--
.box {
z-index:999;
background-color: #09C;
height: 60px;
width: 100%;
position: fixed;
bottom: 0px;
left: auto;
right: auto;
line-height: 60px;
text-align: center;
_POSITION: absolute;/*兼容IE6*/
_TOP: expression(offsetParent.scrollTop+document.documentElement.clientHeight-this.offsetHeight);/*兼容IE6*/
}
.box a{color: #FFF;}
-->
</style>
</head>
<body>
<div style="height:2000px;">固定的樣式在ie7之后就開始支持position: fixed;了 但是ie6不支持，那么就需要用到CSS的expression屬性了，注意expression是一個(gè)非常占用系統(tǒng)資源的方法，估計(jì)ie6滅亡的時(shí)候它也會徹底消失了吧。<br />
<br />
往下看，看頁面的最下面</div>
<div class="box"><a href="http://www.www.yeewaa.com" target="_blank">我固定在頁面底部，拖動瀏覽器的滾動條試試 = =>></a></div>
</body>
</html>
--------------------------全文完----------------------------
0% (0)
0% (0)
生活常識
- 騷年，年底大掃除如何清理最霸道的廚房油污你..(12-22)
- 吃了幾十年火鍋，竟然才發(fā)現(xiàn)吃錯(cuò)了(12-17)
- 安徽職工生育保險(xiǎn)津貼如何領(lǐng)取？流產(chǎn)津貼如何..(12-05)
- 十萬個(gè)為什么？女性私處為什么會變黑(11-19)
- 人體內(nèi)全部秘密，再不對自己好點(diǎn)就晚了(11-16)
創(chuàng)意無限
- 英國“神奇凝膠”緩解“皮肉之苦”(08-03)
- 德攝影師制作奇妙光涂鴉頗似壯觀煙花(組圖)(05-10)
- 英國女學(xué)生用立體涂鴉畫出“隱形車”(圖)(05-10)
- 創(chuàng)意到實(shí)用！國外知名地鐵站設(shè)計(jì)欣賞(04-13)
- 工業(yè)革命時(shí)代的粗曠！起重機(jī)造型吊燈(04-13)
源碼資料
資源中心
- 原文：為什么這么多人黑周星馳(全文)(09-12)
- 紅藍(lán)3D眼鏡測試演示3D圖片-風(fēng)景、人物及其他2..(02-06)
- 紅藍(lán)3D眼鏡測試演示3D圖片及美女3D視頻-美女篇..(02-06)
- “東亞病夫”是中國人自已罵自已的,非洋人(08-06)
- eWebEditor不支持IE8、IE7、火狐、傲游的解決..(06-13)
