css透明度怎么调节

CSS 透明度调节

在 CSS 中，使用 opacity 属性调节元素的透明度。opacity 属性是一个介于 0.0（完全透明）和 1.0（完全不透明）之间的浮点数。

语法：

opacity: <opacity-value>;</opacity-value>

示例：

立即学习“前端免费学习笔记（深入）”；

div {  opacity: 0.5;}

这将使 div 元素的透明度为 50%。

使用百分比：

也可以使用百分比值来设置透明度：

div {  opacity: 50%;}

这与上面的示例相同，都会将 div 元素的透明度设置为 50%。

兼容性：

opacity 属性在所有现代浏览器中都得到广泛支持。在较旧的浏览器中，可以使用 filter 属性模拟透明度：

div {  filter: alpha(opacity=50);}

但是，filter 属性的兼容性较差，因此建议使用 opacity 属性。