html - 覆盖图像的背景不透明度

Question

我想改变我的图像的不透明度。现在它只是继承了它母亲的不透明度设置，但我想让它不那么透明。简而言之：在http://quaaoutlodge.com的右侧有“Jack Sam's Restaurant & 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);