覆盖图像的背景不透明度

Question

我想改变我的想象力的不透明度。现在它只是继承了母亲的不透明度设置，但我想让它不那么透明。用清晰的话说：在http://quaaoutlodge.com，右边是“Jack Sam's Restaurant＆amp; Lounge”图片。我想让它不如背景透明。如果我改变.rteright的不透明度设置，我似乎只能使它更透明但不能更少...... 我怎样才能实现我的目标？ 请指教！ 代码：“pageBorder”是sert tio opacity 0.7

<div id="pageBorder" class="noborder">
<p class="rteright" style=""><a href="http://quaaoutlodge.com/content/jack-sams-restaurant-and-lounge"><img alt="Jack Sam's Restaurant and Lounge" src="http://quaaoutlodge.com/sites/default/files/jack-sams-lounge--3-_0.jpg" style="text-align: right; width: 200px; height: 133px; float: right; border:1px #000 solid;" /><em>Jack Sam's Restaurant &amp; Lounge</em></a></p>
</div>

谢谢你， 罗恩

Answer 1

使用rgba()值仅使元素的背景透明。 opacity使所有子元素都透明，而不仅仅是父元素。

类似的东西：

background: rgba(128,102,51,0.5);

值如下：

background: rgba(red, green, blue, opacity);