摆脱图像中不需要的 CSS 不透明度？

Question

我正在设置我的 WordPress 网站，我正在使用不透明度让背景图像“闪耀”，这很好地展示了视差滚动效果。问题是背景图像也会在不透明的前景图像上闪耀！

见http://csr-kommunikation.se/billig-hemsida-till-foretaget-blir-ofta-dyr-historia/

尝试编辑样式表 (style.css)，但我不知道如何摆脱它。 html结构是这样的

<article>
  <div>
    <p>
      <img> [the image with the problem AND text]

我尝试过的：

• 添加“不透明度：1.0；”到 img、div 和 article 类的样式，以及 只有在文章中才生效。 （但后来我失去了背后的不透明性 文字也是。）
• 将“z-index: 10000; !important”添加到 img 类。 没有效果。

我没有尝试过的：

• 在页面源中，图像也有“wp-image-603”类，但我 找不到在哪里编辑 wp-image 类，因为它不在我的 主题 CSS。不知道能不能解决这个问题。

我使用的是最新版本的 Chrome (36)，并且我也尝试在 Opera 中查看该页面，但它看起来一样。 （或者“看起来”我应该说，现在看起来很垃圾……）

Answer 1

您目前正在使整个article 标记半透明，因此内部的任何内容也将是半透明的。而不是你目前在这里做的事情：

article {
    background: #fff;
    opacity: 0.95;
}

用途：

article {
    background: rgba(255, 255, 255, 0.95);
}

这只会将白色背景的不透明度更改为0.95，同时保持内容不变。