css 控制图片透明度 |css speak none

RGBA 颜色包括红（R）、绿（G）、蓝（B）和透明度（A）四个值，其中透明度的取值范围为 0 到 1，其余值的取值范围均为 0 到 255，可以通过设置 RGBA 颜色的透明度值实现元素的半透明效果。示例代码如下：

img {
background-color: rgba(255, 255, 255, 0.5);
}

上面的代码将图片元素的背景色设置为白色，并且透明度为 0.5，即半透明效果。如果需要设置图片本身的透明度，可以使用 filter 属性，示例代码如下：

img {
filter: alpha(opacity=50); /* 兼容 IE6~IE8 */
opacity: 0.5; /* 兼容其他浏览器 */
}

上面的代码将图片元素的透明度设置为 0.5，同时兼容了不同浏览器的设置方式。需要注意的是，使用 filter 属性会导致元素内部的所有元素也随之透明。