如何使 Div 的背景不透明而不影響其文本？

CSS不透明度僅適用於背景顏色，而不適用於文字

問題：

是否可以設定不透明度屬性專門用於div的背景，不影響其中的文字

初始嘗試：

嘗試了以下程式碼：

background: #CCC;
opacity: 0.6;

但是，此方法無法修改物件的不透明度背景。

解：

要建立透明背景而不影響文本，請考慮使用rgba() 函數：

background: rgba(R, G, B, A);

rgba()函數語法：

• R、G、B: 代表紅色、綠色和藍色值的整數或百分比。
• A: 0 到 1 之間的 Alpha 值或百分比，其中 1 代表完整不透明度。

範例：

background: rgba(51, 170, 51, 0.4);

此程式碼建立一個 40% 不透明的綠色背景。

瀏覽器相容性：

如2018 年，幾乎所有現代瀏覽器都支援 rgba() 語法。

以上是如何使 Div 的背景不透明而不影響其文本？的詳細內容。更多資訊請關注PHP中文網其他相關文章！