我正在设置我的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]
我尝试过的是:
我还没有尝试过:
我使用的是最新版本的Chrome(36),并且我也尝试过在Opera中查看该页面,但外观相同。(或者我应该说“看起来”,现在看来很像废话……)
您当前正在使整个article
标签都是半透明的,因此内部的所有内容也将是半透明的。而不是您目前在这里做什么:
article {
background: #fff;
opacity: 0.95;
}
使用:
article {
background: rgba(255, 255, 255, 0.95);
}
这只会将白色背景的不透明度更改为0.95
,同时保持原样。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句