Vous ne pouvez pas appliquer un canal alpha aux valeurs de couleur existantes. Autrement dit, vous ne pouvez pas ajouter un composant alpha à une valeur hexadécimale existante (par exemple #f0f0f0
) et utiliser la valeur résultante avec un autre attribut.
Cependant, la propriété personnalisée vous permet de convertir la valeur hexadécimale en triplet RVB à utiliser avec la fonction rgba()
一起使用,將該值存儲(chǔ)在自定義屬性中(包括逗號(hào)!),使用var()
將該值替換為具有所需alpha值的rgba()
et cela fonctionnera correctement?:
: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">如果您能看到這個(gè),說(shuō)明您的瀏覽器支持自定義屬性。</p>