你的图片跟第二个层在同一个层里,第二个层大渣又是相对定位,当然不行了。
.alpha{filter:alpha(opacity=30);width:400px;}
asdfasdfd
sdfsdfsdfsdfsdf
或者:
皮消sdfsdfsdfsdfsdf
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上的,所以也会跟着透明度,,达到你的要求,,
以上就是土嘎嘎小编大虾米为大家整理的css半透明背景图片_CSS,图片半透明,文字不透明显示相关主题介绍,如果您觉得小编更新的文章对您有所帮助,不要忘记讲本站分享给您身边的朋友哦!!