css中在图片上加透明 |各种控件css框架

img {
opacity: 0.5; /* 设置透明度为50% */
}

此外，还可以使用rgba颜色值来设置背景颜色及透明度。

div {
background-color: rgba(255, 255, 255, 0.5); /* 设置背景颜色为白色，并透明度为50% */
padding: 20px;
}

如果需要设置图片上的透明度，可以将图片作为元素的背景图片，并设置background-size属性以及background-clip属性。

div {
background-image: url('example.jpg');
background-size: cover;
background-clip: padding-box; /* 限制背景色区域为内边距区域 */
padding: 20px;
opacity: 0.5; /* 设置透明度为50% */
}

需要注意的是，设置元素的透明度会影响整个元素及元素内的内容，而将图片作为背景方式则只会影响图片自身。