完美解决ie6不支持position:fixed
<!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>无标题文档</title>
</head>
<style>
/*除ie6外的所有浏览器*/
.top{ height:30px; background:#CCC; position:fixed; width:100%; z-index: 999;}
.right{ height:50px; width:80px; background:#C00; position:fixed;z-index: 9999; right:0px;}
/*ie6*/
/*消除振动*/
* html,* html body{background-image:url(about:blank);background-attachment:fixed}
.top-ie6{_position:absolute;
_left:expression(eval(document.documentElement.scrollLeft));
_top:expression(eval(document.documentElement.scrollTop))
}
.right-ie6{
_position:absolute;
_right:expression(eval(document.documentElement.scrollLeft));
_top:expression(eval(document.documentElement.scrollTop));
}
.nr{
height:1500px;
}
</style>
<body>
<!--居顶部-->
<div class="top top-ie6">
第一
</div>
<!--顶部居右-->
<div class="right right-ie6">
第二
</div>
<div class="nr">
内容1<br />内容233<br />内容56<br />内容13<br />内容23<br />内容13<br />内容23233<br />内容5336<br />内容673<br />内容23放松放松的<br />内容1<br />内容233<br />内容56<br />内容13<br />内容23<br />内容13<br />内容23233<br />内容5336<br />内容673<br />内容23放松放松的<br />内容1<br />内容233<br />内容56<br />内容13<br />内容23<br />内容13<br />内容23233<br />内容5336<br />内容673<br />内容23放松放松的<br />内容1<br />内容233<br />内容56<br />内容13<br />内容23<br />内容13<br />内容23233<br />内容5336<br />内容673<br />内容23放松放松的<br />内容1<br />内容233<br />内容56<br />内容13<br />内容23<br />内容13<br />内容23233<br />内容5336<br />内容673<br />内容23放松放松的<br />内容1<br />内容233<br />内容56<br />内容13<br />内容23<br />内容13<br />内容23233<br />内容5336<br />内容673<br />内容23放松放松的<br />内容1<br />内容233<br />内容56<br />内容13<br />内容23<br />内容13<br />内容23233<br />内容5336<br />内容673<br />内容23放松放松的<br />内容1<br />内容233<br />内容56<br />内容13<br />内容23<br />内容13<br />内容23233<br />内容5336<br />内容673<br />内容23放松放松的<br />
</div>
</body>
</html>
页:
[1]