2013-03-11 103 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

相關問題