css图片透明度代码(css图片透明度代码是什么)
导读:在CSS中控制图片透明度通常使用opacity属性,取值为0到1之间的数字。 另外,还有一种方法可以控制图片透明度,那就是利用RGBA色彩模式,其中的A代表透明度,取值为0到1之间的数字。此外,还有一种用法,就是在background 属性...
在CSS中控制图片透明度通常使用opacity属性,取值为0到1之间的数字。 另外,还有一种方法可以控制图片透明度,那就是利用RGBA色彩模式,其中的A代表透明度,取值为0到1之间的数字。此外,还有一种用法,就是在background 属性中使用rgba()。
img {
opacity: 0.5;
/* 图片半透明 */}
img {
background-color: rgba(255, 255, 255, 0.5);
/* 采用 rgba() 指定背景色的同时, 把背景颜色设为完全不透明的白色, 而透明度则设置为 0.5(也就是 50%)。*/}
需要注意的是,采用 opacity 属性改变图像透明度时会影响图像的整体透明度包括其中的文字,border和背景等;而在要改变背景颜色透明度时,则只会改变元素的背景颜色透明度, 不会影响元素内之内容的透明度。
此外,需要注意,IE8 及以下的浏览器不支持 rgba(),可以使用 filter: alpha(opacity=xx) 来实现透明效果。
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: css图片透明度代码(css图片透明度代码是什么)
本文地址: https://pptw.com/jishu/315400.html
