Html 如何在css中添加图像映射？

我有一个关于图像地图的问题。现在我的.xhtml页面上有一个图像，它使用的图像映射有点像这样

<img src="images/friends.png" usemap="#guys" />
<map name="guys">
            <area shape="rect" coords="6,1,12,14" alt="Jason"
                href="http://www.jason.com" />
            <area shape="rect" coords="19,2,38,15" alt="jay"
                href="http://www.jay.com" />
        </map>

有没有办法在css中添加地图名称内容？可能吗

---

谢谢

图像地图是过去时代的遗留物。HTML5画布是一个不错的选择，如果你能推动这个信封的话。如果你不能，我们过去所做的是分层绝对定位，在图像上块显示空白锚定标记。与图像地图一样好或更好，尤其是当你使用它来制作地图上的弹出窗口时。

你到底为什么要使用图像地图？我用img标签更新了我的问题。如果你能帮我使用css，那就太好了。谢谢奥斯卡你是不是想问你是否可以用CSS来瞄准目标？是的。如果你能在其他技术上帮助我，我也用图像标签更新了我的问题。你说“在css中添加地图名称内容”是什么意思？您试图实现的功能是什么？为什么在图像上放置锚比仅使用imagemap更好？充其量，它也会做同样的事情，而且据我所知，与imagemap不同，您将被限制在矩形形状的热点。当然，没有imagemap也可以实现同样的效果——您可以保留自己的矢量数据表，并在单击或鼠标悬停时自行决定要做什么——但如果内置结构已经完成了您需要做的事情，为什么不使用它呢？它很简单，适用于所有浏览器。