由图像映射控制的带有两个图像的图像

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将两个绝对定位的链接悬停在图像上(这将是真正的hackish和丑陋)