Question

听起来很简单，但很难让这个工作。

我认为这很容易......但我错过了一些东西。

好的我有一个加载背景图片的div。这个div的周围是另一个div，它有一个透明的背景图像。

想法是显示bg图像，但在其顶部覆盖透明图像。

Theres没有说我发布图片，所以这里有一些代码。

HTML：

<div class="transparent">
                                <div class="solid">&nbsp;</div>
                            </div>

的CSS：

.solid {
background-image: url('../images/solidimage.jpg');
background-repeat: no-repeat;
width: 637px;
height: 306px;
z-index:1;
}
.transparent {
background-image: url('../images/clearimagewithwatermark.png');
background-repeat: no-repeat;
width: 637px;
height: 306px;
z-index:1000;
}

这个想法是，如果用户右键单击图像以查看背景图像，他们就会看到带有水印的transaprent图像。它不是为了安全，我只是想这样做：）

Answer 1

你应该反过来做，内部div位于外部div的顶部，所以它会像... ...

<div class="solid">
  <div class="transparent">&nbsp;</div>
</div>

Answer 2

首先，背景图像不会影响上下文菜单。右键单击img元素时，“打开图像”，“保存图像...”等选项仅显示在上下文菜单中。

其次，你的透明图像是外部div的背景，所以它在后面在外部div 中的所有内容，包括内部div及其背景图像。

将透明图像放在背景图像上

2 个答案: