Question

所以，我想把图像放在图像上。第二个是在角落里。我想用jQuery做到这一点。

$("#result").on({
mouseenter:function(){

$("#article").attr("src", "button2.png");  

 }, ".button");
 });

我想当有人徘徊在文章中以显示图片时显示更多

Answer 1

像其他人一样，你可以用CSS做到这一点。我认为最简单的方法是将一个图像作为背景，然后将另一个图像放在最上面：

参见 JSFiddle

HTML：

<div class="image1">
    <img src="http://icdn4.digitaltrends.com/image/microsoft_xp_bliss_desktop_image-650x0.jpg" class="image2"/>
</div>

CSS：

.image1 {
    width: 650px;
    height: 433px;
    background: url("http://icdn4.digitaltrends.com/image/microsoft_xp_bliss_desktop_image-650x0.jpg");
}
.image1:hover .image2 {
    display: block;
}
.image2 {
    display: none;
    width: 100px;
    height: 80px;
}

====替代解决方案====

如果您必须使用img标记，则可以使用以下内容：

参见 JSFiddle

HTML：

<img src="http://icdn4.digitaltrends.com/image/microsoft_xp_bliss_desktop_image-650x0.jpg" class="image1"/>
<img src="http://icdn4.digitaltrends.com/image/microsoft_xp_bliss_desktop_image-650x0.jpg" class="image2"/>

CSS：

.image1 {
    position: absolute;
}
.image1:hover + .image2 {
    display: block;
}
.image2 {
    display: none;
    width: 100px;
    height: 80px;
    position: absolute;
    z-index: 100;
}

用jQuery图像覆盖图像？

1 个答案: