Anda tidak boleh menggunakan saluran alfa pada nilai warna sedia ada. Iaitu, anda tidak boleh menambah komponen alfa pada nilai hex sedia ada (cth. #f0f0f0
) dan menggunakan nilai yang terhasil dengan atribut lain.
Walau bagaimanapun, sifat tersuai membolehkan anda menukar nilai heks kepada triplet RGB untuk digunakan dengan fungsi rgba()
一起使用,將該值存儲在自定義屬性中(包括逗號?。褂?code>var()將該值替換為具有所需alpha值的rgba()
dan ia akan berfungsi dengan baik:
:root { /* #f0f0f0轉(zhuǎn)換為十進(jìn)制RGB */ --color: 240, 240, 240; } body { color: #000; background-color: #000; } #element { background-color: rgba(var(--color), 0.8); }
<p id="element">如果您能看到這個,說明您的瀏覽器支持自定義屬性。</p>