在 CSS 中,通过 opacity 属性调节元素透明度,介于 0.0(透明)至 1.0(不透明)之间。语法:div { opacity: ; }。支持百分比表示,如 div { opacity: 50%; }(与 div { opacity: 0.5; } 相同)。opacity 属性得到广泛支持,而 filter 属性兼容性较差。

CSS 透明度调节
在 CSS 中,使用 opacity 属性调节元素的透明度。opacity 属性是一个介于 0.0(完全透明)和 1.0(完全不透明)之间的浮点数。
语法:
opacity:;
示例:
立即学习“前端免费学习笔记(深入)”;
div {
opacity: 0.5;
}这将使 div 元素的透明度为 50%。
使用百分比:
也可以使用百分比值来设置透明度:
div {
opacity: 50%;
}这与上面的示例相同,都会将 div 元素的透明度设置为 50%。
兼容性:
opacity 属性在所有现代浏览器中都得到广泛支持。在较旧的浏览器中,可以使用 filter 属性模拟透明度:
div {
filter: alpha(opacity=50);
}但是,filter 属性的兼容性较差,因此建议使用 opacity 属性。










