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

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

好吧我有一个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图像。它不是一个真正的安全，我只是想这样做:)

来源

2011-07-05 422

你应该做它周围的其他方法，内格位于外层的div的顶部，所以它会是这样......

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

来源

2011-07-05 00:55:50 Duopixel

ahh我曾想过......但想到NAH！哈哈好吧，会给它一个旋转 – 422

完美的谢谢你做到了。 – 422

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

其次，你的透明图像是外div的背景，所以它的背后的外层div 包括内的div和背景图像中的一切。

来源

2011-07-05 00:59:44

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

回答

相关问题