首页前端开发CSScss图片透明度代码(css图片透明度代码是什么)

css图片透明度代码(css图片透明度代码是什么)

时间2023-07-17 10:23:02发布访客分类CSS浏览999
导读:在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
css3动态相册实现教程(html动态相册制作3d) css 显示优先级设置

游客 回复需填写必要信息