您的位置:首页 > 其它

弹出透明层,覆盖整个浏览器,页面元素的相对可视范围的不动

2011-12-15 09:55 369 查看
说明:

在css样式中添加

filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80,style=0);

用来使层透明,opacity参数越高越不透明,style为透明的样式,0为均匀。

z-index作用:为该层设置一个较高的数,保证该层位于页面所有元素的上方。

position:将该元素设置为绝对定位(fixed),保证层在可视范围内都覆盖页面。

注:一定要加top和left属性,不然不能起到全屏遮蔽的效果。

实例:

#divJeepDiv
{
left: 0px;
top: 0px;
opacity: 0.1;
background: #000;
filter: alpha(opacity=10);
overflow: hidden;
position: fixed;
height: 100%;
width: 100%;
z-index: 10000;

}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐