覆盖不透明度样式

Question

我在http://quaaoutlodge.com/content/activities 有一个页面 您会看到不透明度设置为 0.7 的半透明 div。 现在我想覆盖此页面上图像的不透明度，但我似乎无法创建一个不透明度因子相对于 1.0 的样式根本不透明，但它相对于设置的 70% 不透明度和我似乎只会变得更透明，但不会更少…… 我该怎么做？

谢谢！

Answer 1

我知道这是一种解决方法，但我通常只是打开 Photoshop 并更改图像的不透明度，有时甚至是纯色。

Answer 2

如果我对问题的理解正确，您可以在 CSS 中使用 rgba 样式而不是 opacity。

#contentbg {
    background:rgba(255, 255, 255, 0.7);
}

只需将 255 个值替换为您希望背景的 RGB 值即可。这样，背景将是透明的，而不是图像和文字。