在 css 中,通過使用 opacity 屬性設置透明度,范圍從 0.0(完全透明)到 1.0(完全不透明)。語法:opacity: ;
CSS 中透明度設置
在 CSS 中,透明度是一個屬性值,它控制元素的透明度,范圍從 0.0(完全透明)到 1.0(完全不透明)。
要設置透明度,請使用 opacity
屬性。它的語法如下:
<code>opacity: <opacity-value>;</opacity-value></code>
登錄后復制
其中 <opacity-value></opacity-value>
是一個數字值,表示元素的透明度。
設置透明度的示例
例如,要將元素設置成 50% 透明,可以這樣寫:
<code class="<a style='color:#f60; text-decoration:underline;' href=" https: target="_blank">css">element { opacity: 0.5; }</code>
登錄后復制
其他注意事項
opacity
屬性適用于所有 HTML 元素,包括文本、圖像和形狀。
透明度會影響元素的所有子元素。
opacity
屬性不適用于畫布元素,因為它們的透明度由 globalAlpha
屬性控制。
在舊版本的 IE 瀏覽器中,opacity
屬性不受支持。可以改用 filter
屬性來實現透明度。