kzkn.net
当前位置:首页 >> 如何用Css实现半透明遮罩层效果 >>

如何用Css实现半透明遮罩层效果

z-index:2000; //使遮罩层在其他层之上 opacity:0.5; //透明度,取值范围 0-1

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

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

CSS使用rgba可以使背景色透明文字不透明,你使用的透明会使背景和文字一起透明。

ie下面高版本的渐变又透明的才行。没法透明,可以考虑使用透明png。 rgba最后面的那个1可以改为0.8试试看,就变成透明的了。。 #box{width:200px;height:200px;overflow:hidden;position: relative;}#box span{display: block;width:100%;height...

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

.box{ width:300px; height:200px; position:relative; background:red; cursor:pointer; }.box .bmbox{ width:300px; height:30px; background:black; position:absolute; bottom:0px; left:0px; display:none; font:12px/30px "宋体"; color:w...

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); }

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

图片一个div1,遮罩层一个div2,将div2绝对定位到div1上,设置div2的透明度即可。

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