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属性。假设元素位于absoluterelative,只需使用

#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 回答