2013-04-04 102 views
0

我試圖找出一種方法來將兩個href的附加到一個圖像,有點像舊學校圖像地圖,但只是使用CSS。這甚至有可能嗎?一個圖像與兩個hrefs控制的圖像地圖

目前HTML看起來像這樣。但我被要求根據用戶懸停鼠標的位置附上兩個URL。

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

菲利普

+0

使用圖像映射有什麼問題? – j08691 2013-04-04 15:16:01

+0

沒有選項。它內置於Word Press站點的標題 – Showcaselfloyd 2013-04-04 15:58:09

回答

1

你必須要麼

  1. 使用圖像映射
  2. 切片一半的圖像和鏈接
  3. 使用z-index的包裝各佔一半將兩個絕對定位的鏈接懸停在圖像上(這將是真正的黑客和醜陋)

選項1或2是最好的。

+0

謝謝chrx。這就是我想的。感謝您的反饋 – Showcaselfloyd 2013-04-04 15:58:44