当鼠标悬停在css3上时,如何使图像显示在另一个图像上？

Question

嘿,我希望放大镜或一些图像在像这个网站上鼠标悬停时弹出另一个图像 - http://www.elegantthemes.com/gallery/当你将鼠标悬停在图像上时,图像会出现在它上面.有谁知道如何实现这一目标？

不确定你是否需要任何代码,但这里是img标签的css:

img {
width: 600px;
height: 342px;
border-radius: 1px;
}

Answer 1

你可以做到

HTML

<div id="yourImage" ></div>

CSS

#yourImage {
 background-image: url('image1.jpg');
}


#yourImage:hover {
 background-image: url('overimage.jpg'), url('image1.jpg');
}