CSS 如何设置透明度，兼容现代主流浏览器

CSS 中的 opacity 属性可以让元素部分或完全透明。现代浏览器都支持 opacity 属性，但在过去的一些老旧浏览器中，这个属性的实现方式不同。

opacity 属性

opacity 是最常用的设置透明度的方法，它的值在 0 到 1 之间。0 表示完全透明，1 表示完全不透明：

.transparent {
    opacity: 0.5;  /* 50% 透明度 */
}

兼容旧版 IE 浏览器

如果你需要支持 IE 8 或更早的版本，必须使用 filter 属性。以下代码将透明度设置为 50%：

.transparent {
    filter: alpha(opacity=50);  /* 旧版 IE 使用 */
    opacity: 0.5;               /* 现代浏览器 */
}

早期的浏览器在实现 CSS 属性时常常使用特定的前缀，如 -khtml- 和 -moz-。随着浏览器的发展，这些前缀逐渐不再需要，现代 CSS 代码可以省略这些前缀：

• -khtml-opacity: 适用于老版本 Safari，现在已不再使用。

• -moz-opacity: 适用于老版本的 Mozilla 浏览器，现在也被废弃。