css - 使用颜色文本名称(如 "red")设置 CSS 颜色并设置不透明度？

Question

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

类似于:

颜色:浅灰色 alpha 0.5

或者我必须使用 RGBalpha，例如:

颜色:rgba(211,211,211,0.3)

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
}