如何做一个不随滚动条滚动的悬浮层

怎么做一个不随滚动条滚动的悬浮层
我要求的是一个绝对静止不动的层，有些悬浮层在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>

如何做一个不随滚动条滚动的悬浮层

相关推荐