圖片向上移動

Question

我遇到了懸停效果問題。當我懸停我的圖像時，一切正常，但您的光標必須完全在整個動畫的圖像上。所以我需要從圖像的開始直到動畫圖像的結尾來擴展懸停區域。所以動畫的每個部分都會被覆蓋。

對不起，我沒有網絡空間。所以如果你相信我，你可以從Dropbox下載.rar文件。我保證我沒有在那裏植入任何病毒:)。只需啓動Meist.html，即其頁面的「索引」。嘗試將鼠標懸停在頁腳上方的咖啡杯中。

任何問題只是把他們扔掉，導致我的母語不是英語。

Answer 1

放填充圖像

img { 
    padding: 30px 
} 

這周圍的人也會通過30PX延伸區域圖像周圍所有。請務必使用填充而不是邊距，因爲邊距不會使空間創建可點擊。

Answer 2

把圖像在一個div，使用像一個選擇：

#your_div:hover img { 
    /* Do your stuff */ 
}