Html 如何更改图像<；img>；鼠标翻转时（悬停）

如何更改鼠标滚动（hover）上的图像（使用

标记设置，该标记不是

或

背景，可以通过更改

背景

或

背景图像

属性

：CSS中的hover

）轻松解决，就像stackoverflow主页中最喜欢的标记移除按钮一样，其中（X）图像在悬停时变为红色？

HTML

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

删除标签“图像处理”。

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