如何在鼠標滾動（懸停）改變圖像<img>

Question

如何更改的圖像（設定使用<img>標籤，其不是<div>或<some_selector>背景，即可以通過改變background或在上:hoverbackground-image屬性容易解決CSS）鼠標翻轉（懸停）像喜歡的標籤刪除按鈕在stackoverflow主頁，其中（X）圖像變成紅色懸停？

Answer 1

HTML

<div id="css-image-swap-1"> 
<img id="swap-1" src="default-image-url" alt="CSS image swap" /> 
</div> 

CSS

#css-image-swap-1{ 
    width:300px; height:150px; background:url(swap-image-url); 
} 
#css-image-swap-1 img:hover{ 
    opacity:0; 
}