如何在css中添加圖像映射？

我有一個關於圖像映射的問題。現在我有一個使用影像地圖有點像這個如何在css中添加圖像映射？

<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>

我.xhtml頁面上的圖像是有辦法，我可以在CSS中添加地圖名稱的內容？可能嗎？

感謝

來源

2011-05-10 Jay

爲什麼你在地球上使用圖像映射？ – 2011-05-10 23:47:13

我用img標籤更新了我的問題。如果你可以用CSS來幫助我，那會很棒。謝謝奧斯卡 – Jay 2011-05-10 23:48:30

您是否問過您是否可以使用CSS定位？ – Todd 2011-05-10 23:49:46

圖像映射是從過去的時代緩繳。如果你能推出這個信封，Html 5 canvas的東西就是要走的路。如果你不能，我們過去所做的就是在圖像上對絕對定位的，塊顯示的空白定位標籤進行分層。與圖像地圖一樣好或更好，特別是如果您將它用於地圖上的彈出窗口等內容。

來源

2011-05-11 00:10:17

+1 Wyatt，這就是我正在建議的。 – Town 2011-05-11 00:16:21

爲什麼要在圖像上放置錨點比僅使用圖像地圖更好？充其量，它做同樣的事情，據我所知，你將被限制在矩形形狀的熱點，不像一個圖像映射。當然，有一些方法可以在沒有圖像映射的情況下實現同樣的功能 - 您可以保留自己的矢量數據表，並且自己弄清楚在點擊或鼠標懸停時應該怎麼做 - 但爲什麼不使用內置構造已經做了你需要做的事情？這很簡單，適用於每個瀏覽器。 – 2011-05-13 15:26:24

如何在css中添加圖像映射？

回答

相關問題