透明度示例：
.transparent-image {
opacity: 0.5; /* 设置透明度为50% */
}
在这个例子中，类为 .transparent-image 的元素将具有50%的透明度。你可以将这个类应用于任何需要设置透明度的元素。
背景透明度：
如果你想设置元素的背景透明度，可以使用 rgba 颜色表示法，其中的 a 表示 alpha 通道，即透明度。
.transparent-background {
background-color: rgba(255, 0, 0, 0.5); /* 红色背景，透明度为50% */
}
这将在背景中创建一个红色的半透明效果。
图片透明度：
如果要设置图片的透明度，你可以直接应用 opacity 属性，或者将透明度应用于图片的父容器。
.image-container {
opacity: 0.7; /* 设置图片容器的透明度为70% */
}
.image-container img {
/* 可选：设置图片自身的透明度 */
opacity: 1; /* 图片透明度恢复到100% */
}
在这个例子中，透明度被应用于 .image-container 元素，如果需要，也可以将透明度应用于图片本身。
请注意，opacity 会影响元素及其内容的透明度。如果只想使元素的背景透明而保持内容不透明，可以使用 rgba 或其他方式来处理。
转载请注明出处：http://www.zyzy.cn/article/detail/4017/CSS