html - 一张带有两个 href 的图像，由图像映射控制

Question

我试图找出一种将两个href附加到单个图像的方法，有点像老式的图像映射，但只是使用CSS。这甚至可能吗？

目前 HTML 看起来像这样。但是我被要求根据用户悬停鼠标的位置附加两个 URL。

<div id="logo-wide">
<a href="http://myurl"><img src="BIG-Logo_FINAL.png" alt="url-name"></a>
</div>

菲利普

Answer 1

你必须要么

1. 使用图像映射
2. 将图像切成两半并将每一半包装在一个链接中
3. 使用 z-index 将两个绝对定位的链接悬停在图像上（这将是非常骇人听闻和丑陋的）

选项 1 或 2 是最好的。