以下是基於所提供文章的一些基於問題的標題： 正式的

覆蓋子元素繼承的不透明度

在 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>

附加說明：

• 如果子元素使用不透明度值小於 1。
• 使用 RGBA 顏色並不能完全複製不透明度的效果，因為它只會影響子元素的顏色。

以上是以下是基於所提供文章的一些基於問題的標題： 正式的的詳細內容。更多資訊請關注PHP中文網其他相關文章！