介绍 & lt; !DOCTYPE html>
& lt; html>
& lt; head>
& lt;元charset=皍tf-8"祝辞
& lt; style>
img {
宽度:400 px;
身高:300 px;
透明度:0.4;
过滤器:α(不透明度=40);
}
img:{徘徊
透明度:1;
过滤器:α(不透明度=100);/* ie8以下写法*/}
.background {
背景:url (& # 39; img/t01753ed63dad21cb88.jpg& # 39;)不再重演;
宽度:400 px;
身高:300 px;
}
.transparent {
宽度:400 px;
身高:300 px;
background - color: # f941f3;
透明度:0.4;
过滤器:α(不透明度=40);
}
.transparent:{徘徊
透明度:0;
过滤器:α(不透明度=0);
}
p {
字体大小:48 px;
显示:块;
颜色:白色;
text-align:中心;
行高:300 px;
}
& lt;/style>
& lt;/head>
& lt; body>
https://www.yisu.com/zixun/& lt; img src=" img/t010c6ea3d87e5dcc351.jpg "/>
身体
这篇文章给大家分享的是有关css实现图像透明与不透明的方法的内容。小编觉得挺实用的,因此分享给大家做个参考。一起跟随小编过来看看吧。
1。图像透明不透明用不透明度到元素,值为0到1,一般用0.4或0.6就够了。
2. ie8以下浏览器写法为:过滤器:α(不透明度=40);值为0到100。一般为了兼容同时写两种。
3。用法有两种,第一直接写在图片上增加图片的模糊程度(相当于灰色蒙版);第二把图片写在背景p里,嵌套p写带有颜色的蒙版,里面还可以加文字。具体写法如下:
过滤器:α