hover - 如何在不影响图像的情况下使 CSS 悬停在图像上

Question

看图...理解;P

这是我使用的代码

.img1 {
background-image: url('img1.png');
width: 381px;
height: 187px;
background-repeat: no-repeat;
float: left;}

.img1:hover {
    background-image: url('imghover.png');
    width: 381px;
    height: 115px;
    background-repeat: no-repeat;
}

但它正在影响 img1 我希望它出现在 img1 上方而不影响它

我修好了对不起

看到这是示例 https://dl.dropbox.com/u/35904623/css.gif

+ 另一个

https://dl.dropbox.com/u/35904623/css2.gif

Answer 1

在悬停时，您将高度设置为 381 像素，边距顶部设置为 -116 像素

height: 381px;
margin-top: -116px;

会影响图像 1。