加前景色:Alt◆backspace
加背景色:ctrl◆backspace
一耐谨、首先HTML布局:
消衫
css设置前景色透明
我是一段文字
二、没有加CSS的样式的效果显示:
三、加CSS样式的HTML:
.box {
width: 700px;
height: 350px;
margin: 0 auto;
color: white;
background-color: orange;
/*color: orange; 这个方式从视觉上是透明了的,原理就是把文字颜色设置成与背景颜色一样 有局限性 双击看得到文字 */
color: transparent; /*根上面方法一样 双击看得到文字 比上面好 推荐*/
}
四、加了CSS样式的效果图:
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背景透明_如何使DIV背景透明内容不透明相关主题介绍,如果您觉得小编更新的文章对您有所帮助,不要忘记讲本站分享给您身边的朋友哦!!