Login
网站首页 > 文章中心 > 其它

css3背景透明_如何使DIV背景透明内容不透明

作者:小编 更新时间:2023-07-27 07:35:15 浏览量:410人看过

加前景色: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背景透明内容不透明相关主题介绍,如果您觉得小编更新的文章对您有所帮助,不要忘记讲本站分享给您身边的朋友哦!!

版权声明:倡导尊重与保护知识产权。未经许可,任何人不得复制、转载、或以其他方式使用本站《原创》内容,违者将追究其法律责任。本站文章内容,部分图片来源于网络,如有侵权,请联系我们修改或者删除处理。

编辑推荐

热门文章