覆盖图像的背景不透明度答案

【问题标题】：override background opacity for images覆盖图像的背景不透明度
【发布时间】：2013-02-25 02:55:37
【问题描述】：

我想更改图像的不透明度。现在它只是继承了它母亲的不透明度设置，但我想让它不那么透明。简而言之：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>

谢谢你，罗恩

【问题讨论】：

请贴出相关代码，以便我们快速了解问题所在。
请参阅：Something on my web site doesn't work. Can I just paste a link to it?，了解您的帖子可能需要改进的原因。
谢谢，我添加了一些代码，希望能澄清事情。

标签： html css image transparency opacity

【解决方案1】：

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

类似：

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

取值如下：

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

【讨论】：