鼠标悬停在HTML上时，在前面获取图像

我有许多图像按钮在div，我想当我在一个图像上鼠标时，它会改变scr，并显示相同的图像，但与边框突出显示。 就像这里的表演前/后：

它工作得很好，但当我将所有其他图像放在一起时，它显示如下：

我想我需要将鼠标悬停时的图像设置在前面；有什么想法吗

更新： 代码：

假设#image是你的图像容器，

image2.png

是你的悬停状态图像（当你在容器上为地图上的所有元素使用背景时，而不仅仅是普通的

img

标记）

不过，如果在正确的元素上检测到悬停，这将是相当不可靠的

假设#image是你的图像容器，

image2.png

是你的悬停状态图像（当你在容器上为地图上的所有元素使用背景时，而不仅仅是普通的

img

标记）

---

不过，如果在正确的元素上检测悬停，这将是非常棘手的。

使用简单的CSS，您应该能够更改

z-index

属性。假设元素的位置是

绝对

或

相对

，只需使用

#mymap img:hover { z-index: 9999; }

---

使用简单的CSS，您应该能够更改

z-index

属性。假设元素的位置是

绝对

或

相对

，只需使用

#mymap img:hover { z-index: 9999; }

---

使用选择器“：hover”在鼠标悬停时更改css

使用选择器“：hover”在鼠标悬停时更改css我不确定我是否理解！请参阅上面的代码。如何使用css内联来实现这一点？@user1476956-你不应该将图像用于类似的事情。使用

DIV

s（或者更好地使用

A

元素（链接）和

display:block

）并将图像作为背景。嗯，我是初学者，但是使用DIV我可以使用它作为按钮转到我的代码隐藏吗？@user1476956-你根本不需要javascript。只需在谷歌上搜索

css悬停选择器

ok，我读了一些。现在我必须把图像作为背景，但我这里有很多图像，而不是一个！另外，我想我可以在图像中使用悬停为什么是div？我不知道我是否理解！请参阅上面的代码。如何使用css内联来实现这一点？@user1476956-你不应该将图像用于类似的事情。使用

DIV

s（或者更好地使用

A

元素（链接）和

display:block

）并将图像作为背景。嗯，我是初学者，但是使用DIV我可以使用它作为按钮转到我的代码隐藏吗？@user1476956-你根本不需要javascript。只需在谷歌上搜索

css悬停选择器

ok，我读了一些。现在我必须把图像作为背景，但我这里有很多图像，而不是一个！另外，我想我可以在图像中使用hover为什么div？css的固定选择器，请尝试。我尝试作为css内联-#mymap img:hover{z-index:9999；}不确定格式是否正确#mymap img:hover{z-index:9999；}已修复css选择器，请尝试。我尝试了css内联-#mymap img:hover{z-index:9999；}不确定格式是否正确#mymap img:hover{z-index:9999；}

#mymap img:hover { z-index: 9999; }