您的位置: 首页 > 源码资料
Div层固定在浏览器底部兼容ie6的方法
源码资料 时间:2013-05-15 作者/发布人:科杰在线 点击:2224
<!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是一个非常占用系统资源的方法,估计ie6灭亡的时候它也会彻底消失了吧。<br />
<br />
往下看,看页面的最下面</div>
<div class="box"><a href="http://www.pc354.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是一个非常占用系统资源的方法,估计ie6灭亡的时候它也会彻底消失了吧。<br />
<br />
往下看,看页面的最下面</div>
<div class="box"><a href="http://www.pc354.com" target="_blank">我固定在页面底部,拖动浏览器的滚动条试试 = =>></a></div>
</body>
</html>
--------------------------全文完----------------------------
0% (0)
0% (0)