llgd.net
当前位置:首页 >> Css半透明遮罩 >>

Css半透明遮罩

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

我这里怎么没看到这个按钮,不过按你的描述,应该是css3 pointer-events,你看一下那个黑色层上是不是有这个样式属性,并且值是none

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

*{margin:0;padding:0;}.div1{width:160px;height:100px;position:relative;}.div1 img{position:absolute;left:0;top:0;z-index:2;}.div1 .bg1{width:160px;height:30px;position:absolute;left:0;bottom:0;background:#000;opacity:0.8;z-inde...

具体代码参考下面: 这只是简单的代码。具体的需要根据自己的需求填充。

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

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

你这个设置的height:100% 意思就是浏览器窗口的一个高度 也就是你设置的body:100%的高度 如果你页面里面的内容超过了浏览器窗口显示的范围 也就是出现了滚动条的话,那你拉动滚动条的话下面就会出现没有被遮罩的部分。你可以先判定你页面内容的...

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

结合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...

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