CSS中的十六進位表示法可以表示部分透明的顏色嗎？

CSS 十六進位RGBA

查詢：

是否有一種簡潔的方法來表示部分透明的顏色十六進位?

答案：

是的，CSS Color Module Level 4（目前處於編輯器草稿階段）建議支援4 位和8 位十六進位RGBA 表示法:

4位十六進位符號

• 第一位數字代表紅色通道（0-f）。
• 後面的三位數字代表綠色、藍色和Alpha通道，

範例：

background: #0000; /* Translucency omitted */

8位十六進位表示法

• 第一個六位數字代表 RGB 值（與現有的 6 位數字一樣）表示法）。
• 最後兩位數字代表 Alpha 通道（00 = 完全透明，ff = 完全不透明）。

範例：

background: #00000000; /* Fully transparent */

未來瀏覽器：

雖然目前瀏覽器尚不支援這些瀏覽器表示法，但它們可能會隨著Color Module Level 4 規範的實作而引入。請留意瀏覽器更新的相容性。

不支援的瀏覽器的後備：

同時，您可以使用後備來確保所有瀏覽器都支援：

figure {
  background: #FEFE7F; /* Fallback color */
  color: #3F3FFE;     /* Fallback color */
  
  background: rgba(255, 255, 0, 0.5);
  color: rgba(0, 0, 255, 0.75);
  
  background: #ffff007F; /* Modern browsers */
  color: #0000ffbe;     /* Modern browsers */
}

以上是CSS中的十六進位表示法可以表示部分透明的顏色嗎？的詳細內容。更多資訊請關注PHP中文網其他相關文章！