如何避免在CSS中继承opacity属性？

Question

我有一个div我opacity: 0.7;在CSS文件中设置的元素,因为我希望它里面的文本是不透明的.我在其中显示一些图像div,但图像显示为继承的不透明度属性.结果是不透明的图像.

是否有可能为图像提供CSS属性而不是继承div包含它们的不透明度？如果没有,我怎么能避免图像不透明？

谢谢.

Answer 1

如果您使用opacity允许文本具有部分透明度,则只需设置color元素:

#elemId {
    color: rgba(0,0,0,0.7);
}

这样可以避免调整opacity属性,也可以在支持该opacity属性的所有浏览器中使用.