爲什麼圖像映射不好？

Question

我試圖說服我目前的工作場所，圖像映射已經過時，我們應該使用所有的HTML/CSS代替。我需要一些針對圖像映射的引人注目的論據。你們能幫我解決嗎？

Answer 1

我發現圖像映射很難在給出使用圖像的情況下向用戶傳達它們可以點擊的東西。在CSS中做翻轉效果並且以這種方式向用戶提供反饋更容易。

除此之外，他們應該罰款的實際使用。

檢查出Mystery meat navigation爲一個很好的例子。

Answer 2

圖像映射不一定是「過時的」（實際上功能仍然存在於最新的HTML5規範中）。它們現在提供了一個非常具體的功能：能夠檢測不支持svg（可縮放矢量圖形）的瀏覽器中不規則形狀區域的鼠標移動。如果你需要支持IE6-8，並且你需要這種功能，那麼沒有其他選擇。

您可以使用JavaSript創建鼠標懸停和其他效果，例如像ImageMapster jQuery插件，以處理「神祕肉」導航問題。

在現代瀏覽器中，SVG可以通過CSS原生支持這種效果。如果較老的瀏覽器支持不是問題，那麼我可能會使用SVG而不是圖像映射。一個強大的實現可能是使用SVG，並回退到舊版瀏覽器的映像上。