0

我在 div 中有很多图像按钮，当我将鼠标悬停在图像上时，它会更改 scr 并显示相同的图像，但用边框突出显示。就像这里显示之前/之后：

在此处输入图像描述

它工作正常，但是当我将所有其他图像放在一起时，它会显示如下：

在此处输入图像描述

我想我需要在鼠标悬停在前面时设置图像；知道吗？

更新：代码：

 <div id="mymap" width="720" style="width: 920px; height: 1227px; position: relative; left: 250px; transform: scale(.5,.5); -ms-transform: scale(.5,.5); -webkit-transform: scale(.5,.5); -o-transform: scale(.5,.5); -moz-transform: scale(.5,.5);">
        <img id="Burimi" style="position: absolute; left: 10px" src="Images/Reagion/Burimi-B.png" onmouseover="this.src='Images/reagion/Burimi-A.png'" onmouseout="this.src='Images/reagion/Burimi-B.png'" />
        <img id="N Batinah" style="position: absolute; left: 98px; top: 1px;" src="Images/Reagion/N Batinah-B.png" onmouseover="this.src='Images/reagion/N Batinah-A.png'" onmouseout="this.src='Images/reagion/N Batinah-B.png'" /></dive>
4

3 回答 3

3

使用简单的 CSS，您应该能够更改z-index属性。假设元素位于absolute或relative，只需使用

#mymap img:hover { z-index: 9999; }
于 2013-02-28T16:15:05.297 回答
2 
#image:hover{
  position: relative;
  z-index: 2;
  background-image: url('image2.png');
}

假设 #image 是您的图像容器，并且image2.png是您的悬停状态图像（而您在容器上为地图上的所有元素使用背景，而不仅仅是普通img标签）。

尽管检测到正确元素上的悬停会非常狡猾。

于 2013-02-28T16:14:30.100 回答
0

当鼠标悬停时，使用选择器 ":hover" 来改变你的 CSS

于 2013-02-28T16:15:32.670 回答