用css创建图像地图？

我用css创建图像映射，但不起作用。 我在背景中有一个图像，我想为背景图片创建一个图像贴图。但是当我的鼠标悬停在链接上时，背景图像不会改变

这是我的html代码

  <section id="centersectioncontact" class="colortext">
   <ul id="cantact">
    <li id="linkin"><a href="">Link in</a> </li>
    <li id="twiter"><a href=""> twiter</a></li> 
    </ul>
   </section>

---

css代码中存在一些矛盾。其中一个和一个额外的“}”会导致问题：

从

删除额外的}

您还应删除：

ul#cantact li#linkin a:hover {
    background-position: 0 -426px;
}

ul#cantact li#twiter a:hover{
background-position: 0 -426px;
}

在代码中，您已经在0中将背景位置定义为0

---

此外，使用-426px水平设置时，img不会显示在屏幕上。

当您说图像地图时，可能是指其他内容。如果您指定要创建什么作为“imagemap”，我很乐意为您提供帮助

ul#cantact li{
   position: absolute;
   border: 1px solid #000; 
}
}

ul#cantact li#linkin a:hover {
    background-position: 0 -426px;
}

ul#cantact li#twiter a:hover{
background-position: 0 -426px;
}

ul#cantact li a:hover {
   background:url(../Images/contact.png) no-repeat 0 0;    
}