2013-03-11 107 views
-2

看到图像... 要理解,P我怎样才能使在图像的CSS悬停在不影响图像

这是代码我使用

.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

+1

'影响它'是什么意思?您正在更改图片网址,因此受到影响。此外,由于链接中的图像看起来都具有相同的纵横比,为什么你指定了不同的高度:悬停? – Osiris 2013-03-11 07:00:22

+0

@Osiris对不起,我给错码再次检查上面^与例子 – EXIT 2013-03-11 09:00:10

回答

1

悬停要设置高度381px和边距为-116px

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

这可能会影响图像1.

+0

对不起,我给了错误的代码再次检查它上面^与例子 – EXIT 2013-03-11 09:03:18

相关问题