gpt4 book ai didi

javascript - 悬停时的水印图像

转载 作者:太空宇宙 更新时间:2023-11-03 19:43:37 25 4
gpt4 key购买 nike

我有图像字段,我试图在其上添加水印,同时将鼠标悬停在该图像上。我尝试了简单的 img:hover,但悬停图像仍在我的主 img 下。任何想法如何让我的悬停图像高于我的主 img。

最佳答案

试试这个 - 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;
}

关于javascript - 悬停时的水印图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11434652/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com