欢迎来到Doc100.Net免费学习资源知识分享平台!
您的位置:首页 > 程序异常 >

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

更新时间: 2014-01-05 00:52:36 责任编辑: Author_N1

 

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

 

随机推荐程序问答结果

 

 

如对文章有任何疑问请提交到问题反馈,或者您对内容不满意,请您反馈给我们DOC100.NET论坛发贴求解。
DOC100.NET资源网,机器学习分类整理更新日期::2014-01-05 00:52:36
如需转载,请注明文章出处和来源网址:http://www.doc100.net/bugs/t/878/
本文WWW.DOC100.NET DOC100.NET版权所有。