怎么做一个不随滚动条滚动的悬浮层
我要求的是一个绝对静止不动的层,有些悬浮层在IE6下随着滚动条滚动会一跳一跳的,我想要的效果就像http://pic.hao123.com/image/all/5027034?act=type最上面那个条幅
[解决办法]
不好意思,前面发的代码滚动条弄丢了。再发一遍:
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
</head>
<body>
<style>
html,body{padding:0;margin:0;}
#mm{position:fixed;bottom:0;width:100%;height:40px;padding-right:1px;}
#mm .inner{position:relative;width:100%;height:100%;}
#mm .bg{position:absolute;width:100%;height:100%;background-color:#000;opacity:.2;filter:alpha(opacity=20);}
#mm .cont{position:absolute;z-index:1;right:0;border:1px solid #f00;}
</style>
<!--[if IE 6]>
<style>
html,body{overflow:hidden;height:100%;}
img{display:block;}
#extrabody{position:relative;height:100%;width:100%;overflow:hidden;overflow-y:scroll;}
#mm{position:absolute;bottom:-1px;width:auto;height:40px;padding-right:17px;}
#mm .inner{position:relative;height:100%;}
#mm .bg{position:absolute;width:100%;height:100%;background-color:#000;filter:alpha(opacity=20);}
#mm .cont{position:absolute;right:0;z-index:1;border:1px solid blue;color:blue;}
</style>
<![endif]-->
<body>
<!-- 原body 下的所有内容转移至 #extrabody -->
<div id="extrabody">
<img src="about:blank" height="3000"/>
</div>
<!-- fixed bar -->
<div id="mm">
<div class="inner">
<div class="bg"></div>
<div class="cont">
我的ie6 fix 模拟
</div>
</div>
</div>
<script>
</script>
</body>
</html>