css图片如何设置透明度

这篇文章主要介绍css图片如何设置透明度,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

在css中可以通过不透明度属性来设置图片透明度,该属性的使用语法是“不透明度:|继承价值;”,其中参数价值规定不透明度,而继承表示应该从父元素继承不透明度属性的值。

透明度属性设置元素的不透明级别。

语法

不透明度:,值|继承;

价值规定不透明度。从0.0(完全透明)到1.0(完全不透明)。测试

继承应该从父元素继承不透明度属性的值。

我们来看css中透明度属性设置图片透明度的例子:

css: 　　.opacity1, .opacity2, .opacity_img {,显示:inline-block;,} 　　.opacity1 {,过滤器:α(不透明度=0);,} 　　.opacity2 {,过滤器:α(不透明度=50);,} 　　.opacity_img {,过滤器:α(不透明度=100),,} 　　:root  .opacity1 {,不透明度:0;,过滤器:,没有,,} 　　:root  .opacity2 {,不透明度:5;,过滤器:,没有,,} 　　:root  .opacity_img {,不透明度:1;,过滤器:,没有,,} 　　html: 　　& lt; p> 　　,,,& lt; https://www.yisu.com/zixun/a  href=" # " class=" opacity2 "> 　　 　　 　　

　　

　　 　　 　　 　　

效果图:

注意:

目前主流的浏览器都支持不透明度:写价值法,价值取值为0 - 1,0为完全透明,1为完全不透明。

但是在IE8及之前的版本中是不支持这种写法,那么我们可以通过滤镜来解决过滤器:α(不透明度=值),值取值为0 - 100,0为完全透明,100年为完全不透明。就像上面例子那样。

以上是“css图片如何设置透明度”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注行业资讯频道!

css图片如何设置透明度