html - 覆盖不透明度样式

Question

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

谢谢！

Answer 1

如果我正确理解了这个问题，您可以在 CSS 中使用 rgba 样式而不是不透明度。

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

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

Answer 2

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