Question

我有一张带有css属性background-image背景图片的表格。在表格中，我有一些使用<img的图像。图像<img表位于背景图像上方。我希望背景图像覆盖图像<img和文本一样。这可能吗？

代码示例：

<style>
#content { background-image:url("background-image.jpg"); background-repeat:repeat-y} 
</style>

<table id="content">
<tr>
  <td>Some text.....text.....text
    Image: <img src="quadrado.jpg" />
  </td>
</tr>
</table>

Answer 1

"I would like to display the two images. The background image 
above the quadrado.jpg ! Like a watermark"

听起来你想要叠加。你不能只用CSS做到这一点但是你可以通过添加这样的样式来接近：

#content
{
    opacity:            0.8;
    -ms-filter:         "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter:             alpha(opacity=80);
}
#content img
{
    opacity:            0.8;
    -ms-filter:         "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter:             alpha(opacity=80);
}

。
对于更多真正的叠加层，您需要将其编码到HTML中或使用javascript即时添加。

查看 this page 。它使用javascript为类OverlayTheBackground的块生成叠加层。

还有jQuery plugins that are supposed to generate overlays。

~~也许张贴你想要的照片。~~

<击>
但是，听起来就像你需要做的就是添加这种风格：

#content img {visibility: hidden;}

<击>

Answer 2

我不确定我是否完全理解这个问题，但是如果你想要通过部分内容图像显示背景图像，你将需要使用png或gif，因为它们允许图像的某些部分是透明的和jpg的鸵鸟政策。

重叠的背景图像

2 个答案: