CSS透明度，不影响字体颜色

Question

我的控制器中有这种风格：

vm.backgroundColor = { 
    'background': '#' + vm.colorHex,
    'filter': 'alpha(opacity = 10)', 
    '-moz-opacity': '0.1', 'opacity': '0.1' 
};

如何在不影响字体颜色的情况下使用它？感谢

Answer 1

通过改变整个元素的不透明度，你可以根据定义淡化整个元素。

如果您希望背景为半透明，则可以使用rgba颜色轻松实现此目的。

前三个数字代表红色，绿色和蓝色，评级为0-255，第四个是alpha（透明度），评级从0（透明）到1（无透明度）。

下面的代码会给出一个透明的红色背景。

vm.backgroundColor = { 
   'background' : rgba(255,0,0,0.5)
};