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

Question

我正在设置我的WordPress网站，并且我使用不透明度来让背景图像彻底透彻＆＃34;，这非常好地展示了视差滚动效果。问题是背景图像也照在不透明的前景图像上！

请参阅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]

我尝试过：

• 添加＆＃34;不透明度：1.0;＆＃34;到img，div和文章类样式，以及 只有文章才会生效。 （但后来我失去了不透明度 文本也是。）
• 添加＆＃34; z-index：10000; ！重要的＆＃34;到img类。 没效果。

我没有尝试过：

• 在页面源中，图像也有类＆＃34; wp-image-603＆＃34;但是我 无法找到编辑wp-image类的位置，因为它不在我的脑中 主题CSS。不知道这可能是它可以解决的地方。

我使用的是最新版本的Chrome（36），我也尝试在Opera中查看该页面，但它看起来一样。 （或者＆＃34;看起来＆＃34;我应该说，现在它看起来像废话......）

Answer 1

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

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

使用：

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

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