为什么图像映射不好？

Question

我试图说服我目前的工作场所，图像映射已经过时，我们应该使用所有的HTML/CSS代替。我需要一些针对图像映射的引人注目的论据。你们能帮我解决吗？

Answer 1

我发现图像映射很难在给出使用图像的情况下向用户传达它们可以点击的东西。在CSS中做翻转效果并且以这种方式向用户提供反馈更容易。

除此之外，他们应该罚款的实际使用。

检查出Mystery meat navigation为一个很好的例子。

Answer 2

图像映射不一定是“过时的”（实际上功能仍然存在于最新的HTML5规范中）。它们现在提供了一个非常具体的功能：能够检测不支持svg（可缩放矢量图形）的浏览器中不规则形状区域的鼠标移动。如果你需要支持IE6-8，并且你需要这种功能，那么没有其他选择。

您可以使用JavaSript创建鼠标悬停和其他效果，例如像ImageMapster jQuery插件，以处理“神秘肉”导航问题。

在现代浏览器中，SVG可以通过CSS原生支持这种效果。如果较老的浏览器支持不是问题，那么我可能会使用SVG而不是图像映射。一个强大的实现可能是使用SVG，并回退到旧版浏览器的映像上。