css - 使用“红色”等颜色文本名称设置 CSS 颜色并设置不透明度？

Question

有没有办法使用颜色文本名称设置CSS颜色并设置不透明度？

就像是：

color: lightgray alpha 0.5

还是我必须使用 RGBalpha，例如：

color: rgba(211,211,211,0.3)

标签： css

Answer 1

无法将彩色文本名称和 alpha 结合起来。

---

你可以通过两种方式处理你的问题

建议：将颜色文本名称翻译为 rgb 所以lightgray=211,211,211

span.lightgray {
   color: rgba(211,211,211, 0.3); // Your own suggestion
}

不建议：使用颜色文本名称和不透明度，但不透明度适用于整个元素（因此背景或其他属性也会透明/受影响）

span.lightgray{
   color: lightgray;
   opacity: 0.3; // Not advised
}