css透明度怎么调节

CSS 透明度调节

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

语法：

<code class="<a  style="max-width:90%" href=" https: target="_blank">css">opacity: <opacity-value>;</opacity-value></code>

示例：

<code class="css">div {
  opacity: 0.5;
}</code>

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

使用百分比：

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

<code class="css">div {
  opacity: 50%;
}</code>

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

兼容性：

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

<code class="css">div {
  filter: alpha(opacity=50);
}</code>

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