给div加一个透明的图片啊
升启
测租困试文字
.toumin{ background:#1b1b1b;filter:alpha(opacity=50);opacity:0.5; position:absolute; z-index:1;}
.text{position:relative; z-index:100;}
外层div:
background-color: rgba(255, 255, 255, 0.9); /* 白历枝色并且阿尔法通道是高烂盯0.9*/
内层戚和div:
background-color: #FFF; /*背景色是白色, 覆盖原来的颜色*/
这有个问题。首先用最单的厅烂办法扮哪漏是用CSS3 background-color:rgba(0,0,0,0.5);
但这个兼容性你懂的。第二种就是他们说的这样缓敏了。这会让里面的文字一起透明。所以。办法是用两个层叠起来。
你在相应的图腔扒片上加上这两伍滚昌句CSS样式备裂应该就可以了:
filter:Alpha(opacity:50);
opacity:0.5;
PNG 本身背景就是透明的,如果是一张图片实现半透明,肆键你可败悉以用css:opacity来调节透明度区间察雹乎是【0,1】,还有一种方式是css3里面的background:rgba(0,0,0,1)分别代表RGB值,最后一个是透明度
opacity:0.7;filter:alpha(opacity=70)
这个需要根闭芹基据浏览器的内核定,不同的浏轿谨览器会有些差首族异
将一个div设置为绝对定位,在这个div下设置背冲扮景图片与改变图片透明度。举老历例侍判搜:
html :
...Hello world! ...
css:
#background{ width:100%;height:100%;position:absolute;top:0px;opacity: 0.6;background-image: url(test.jpg);background-size: 500px 500px;}
亲测能看到效果。
用这个。兼容性好
filter:alpha(opacity=70)这个是ie专用。。ie比较bug
如果你不考虑并团没ie的绝纳显示效果可以直接无视
css3可以不用opacity:0.7直接写透明或明度你可以查一下。ie不支持!!!
这个真没有灶毕,
你只能设置容器的透明度,粟子:
#test{width:320px;height:320px;background:url(背景地址);opacity:0.7;filter:alpha(opacity=70)
}
这个DIV是有背景答棚图片的哦
事实上,上面的是设置ID为TEST的透明度,,因为背景是隐举芹应用在TEST上的,所以也会跟着透明度,,达到你的要求,,
以上就是土嘎嘎小编大虾米为大家整理的css3背景透明渐变_css3级菜单怎么设置相关主题介绍,如果您觉得小编更新的文章对您有所帮助,不要忘记讲本站分享给您身边的朋友哦!!