如何做一个不随滚动条滚动的悬浮层
日期：2014-05-16 浏览次数：20843 次
怎么做一个不随滚动条滚动的悬浮层
我要求的是一个绝对静止不动的层，有些悬浮层在IE6下随着滚动条滚动会一跳一跳的，我想要的效果就像http://pic.hao123.com/image/all/5027034?act=type最上面那个条幅
------解决方案--------------------
不好意思，前面发的代码滚动条弄丢了。再发一遍：
我要求的是一个绝对静止不动的层，有些悬浮层在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>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
