css透明度怎么调节

在 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: <opacity-value>;</opacity-value>

示例：

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

div {   opacity: 0.5; }

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

使用百分比：

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

div {   opacity: 50%; }

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

兼容性：

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

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

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