如何做一个不随滚动条滚动的悬浮层-HTML教程-爱易网页

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

日期：2014-05-16　浏览次数：20800 次

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

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

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

相关资料更多>

推荐阅读更多>