覆蓋子元素繼承的不透明度
在 CSS 中,元素從其父元素繼承不透明度。若要只調整父級的不透明度,同時保留子層級的原始外觀,請考慮以下方法:
1.不透明度計算:
不透明度值是相乘的。這表示不透明度為 0.6 的父元素中不透明度為 0.5 的元素的有效不透明度為 0.3 (0.5 * 0.6)。
範例:
<code class="css">#parent { opacity: 0.6; } #child { opacity: 1; }</code>
在此範例中,#child 元素將顯示為不透明,即使其父元素具有半透明不透明度。
2.重新定位子元素:
如果可能,將 #child 元素移到 #parent 元素之外。這將防止子級繼承父級的不透明度。
3.對子元素使用RGBA 顏色:
不要直接在父元素上設定不透明度,而是對子元素的背景、邊框或字體使用RGBA顏色。 RGBA 顏色將不透明度指定為第四值:
<code class="css">#child { background-color: rgba(255, 165, 0, 0.5); }</code>
附加說明:
以上是以下是基於所提供文章的一些基於問題的標題: 正式的的詳細內容。更多資訊請關注PHP中文網其他相關文章!