IT艺术

css 和睦相处 ie6,ie7,ff指标fixed,元件上、下端固定定位方法
作者:
来源: 本站
发布时间期: 2021-05-15 20:08:41
点击时间 数: 669时间
【 打字:
背景色:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>fixed ie6</title>
<style type="text/css">
body{
background-image:url(about:blank); background-attachment:fixed;/*呼叫,抗抖动*/
}
.head,.foot{
position:fixed !important;/*ie7 ff*/
position:absolute;
z-index:21;
background:#999;
height:30px;
width:500px;
}
.foot{
bottom:0 !important;/*ie7 ff*/
}
.main{
height:2000px;
}
</style>
<!--[if IE 6]>
<style type="text/css">
/*ie6 fix顶元素*/
.head{
top:expression(eval(document.documentElement.scrollTop));
}
/*ie6 fix底部元件*/
.foot{
top: expression(eval((document.compatMode&&document.compatMode=="CSS1Compat")?documentElement.scrollTop+documentElement.clientHeight-this.clientHeight-1:document.body.scrollTop+document.body.clientHeight-this.clientHeight-1));
}
</style>
<![endif]-->
</head>
<body>
<div class="head">
header
</div>
<div class="main">
<p>main </p><p>main </p><p>main </p><p>main </p><p>main </p><p>main </p><p>main </p><p>main </p><p>main </p><p>main </p><p>main </p><p>main </p><p>main </p><p>main </p><p>main </p><p>main </p><p>main </p><p>main </p><p>main </p><p>main </p><p>main </p><p>main </p><p>main </p><p>main </p><p>main </p><p>main </p><p>main </p><p>main </p><p>main </p><p>main </p><p>main </p><p>main </p><p>main </p><p>main </p><p>main </p><p>main </p>
</div>
<div class="foot">
foot
</div>
</body>
</html>

扫一扫在手机打开当前页

Contact

联系凯发旗舰厅

告诉凯发旗舰厅你想要什么!凯发旗舰厅为当地客户提供专业、及时服务
地址:云南省昆明市白云路368号
电话:47305662 (周:09:00-18:00(星期一至五))
何将军:47305662
李老板:47305662