onHover使用图像映射时更改图像

Question

我想在使用imagemap（tag）

时更改图像onHover

以下是我的HTML和相关CSS：

＆＃13;

＆＃13;

.onetest {
  width: 100px;
  height: 100px;
  background: url('../images/circle/a.png');
}
.onetest:hover {
  z-index: 50;
  background: url('../images/circle/b.png');
}

＆＃13;

<img style="margin-left: 55px; margin-top: 20px;" src="images/circle/a.png" usemap="#123">
<map name="123" id="123">
  <area class="onetest" href="#" shape="polygon" coords="286,89,504,31,504,134,338,180" />
</map>

＆＃13;

＆＃13;

＆＃13;

我想要做的是当我将鼠标悬停在图像上的特定区域时，图像会变为另一个区域。