kzkn.net
当前位置:首页 >> Css 遮罩层 >>

Css 遮罩层

div{ position: fixed; top: 0px; left: 0px; right:0px; bottom:0px; background-color: #8FB0D1; -moz-opacity: 0.8; opacity:0.8; z-index:1001; filter: alpha(opacity=40); }

第一步:新建一个html页面 页面中先做出一个【领红包】的按钮,如图(图中左侧是效果右侧是代码),点击这个按钮就会弹出一个红包的活动消息,即我们要的遮罩效果 css遮罩层怎么做 css遮罩层怎么做 第二步:做出遮罩层 遮罩层的作用就是将层后面...

*{ margin:0; padding:0;} .box{ width:200px; position:relative} .a, .b{ position:absolute; top:0px; left:0px;} .a{ z-index:2} .b{ z-index:1} 333333333 aaaaaaaaaaaaaa 你想a在上面 就把a z-index: 大于 b的值 反之同理

.mark{ position:fixed; left:0; top:0; opacity:.5; width:100%; height:100%; background:#000; z-index:998; } .content{ position:absolute; z-index:999; } 红框div

遮罩层的CSS #mask { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, .3); z-index: 99999;}在传统浏览器中,不支持rgba的写法。 可以用伪造一层遮罩层 // html // CSS#modal { position: fixed; left: 0; ...

遮罩层:使用父div设置透明效果rgba(0,0,0,0.5); 添加一个div,将div使用相对定位在图片的上层,使用css的rgba设置div的透明度

结合js比较简单些。为你做了个简单的参考下 #container{position:relative;height:200px;width:300px;border:1px solid red;} #inss{position:absolute;height:30px;width:300px;border:1px solid green;bottom:0px;} function xianshi(){docume...

给你一个大体的思路,这个div使用relative定位,然后在他的里面添加一个div使用absolute定位,然后设置里面的div高度,宽度,透明度,然后就是使用js控制了,当达到你的要求时,将里面的div的display设置block,否则就是none,当然了,最开始就...

如果你需要做成背景透明的话,建议使用background-color:rgba(x,x,x,y),最后一个y就是透明度0~1,希望帮到你

不是很明白你要的是什么效果,既然是导航,本来z-index就会高于内容,不会影响误操作到内容,没必要做遮罩层。鼠标放到哪,哪模糊,用a:hover实现就行了,你如果要遮罩整个界面而不只是导航下面那部分,那做一个遮罩层就行了,做成半透明,控制...

网站首页 | 网站地图
All rights reserved Powered by www.kzkn.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com