如何在容器div上设置不透明度而不在子文本上设置？

Question

我有一个带有CSS样式规则的DIV opacity: 0.4;.

在div内部有一个a标签,文本也有不透明度.

我如何声明文本:opacity :1或任何好主意....您可以在以下链接中看到它:http://yagen.org/

画廊在页面的上方.

Answer 1

如果设置元素的不透明度,则也会为其所有子元素设置不透明度.如果您想在透明背景上使用不透明文本,请查看RGBa.

结果看起来像这样:

.mycontainer {
    background: rgb(60, 60, 60);
    background: rgba(60, 60, 60, 0.4);
}

.mycontainer a {
    color: #fff;
}

第一个背景声明用作浏览器不支持RGBa颜色的后备 - 它只是一个纯色.

这是RGBa颜色的一个很好的参考:https://css-tricks.com/rgba-browser-support/