悬停时的水印图像

Question

我有图像区域,我试图在它上面留下水印,同时将鼠标悬停在此图像上.我试过简单的img:hover,但悬停图片仍然在我的主要img下面.任何想法如何让我的悬停图像高于我的主要img.

Answer 1

试试这个 - http://jsfiddle.net/2UQ6N/

<div>
    <img src="http://lorempixel.com/300/200" />
    <img src="http://cdn-img.easyicon.cn/png/270/27093.png" class="watermark" />
</div>

div {
    position: relative;
    display: inline-block;
}

div:hover img.watermark {
    display: block;
}

img.watermark {
    position: absolute;
    bottom: 0;
    right: 0;
    opacity: .6;
    display: none;
}