jquery - 用图像映射显示 div？

Question

我有一个图像，它分为 10 个不同的多边形，当悬停在一个多边形上时需要一个 div 显示，然后保持向上直到我离开图像，或者如果我将鼠标悬停在不同的多边形上，div 会更改信息。

我试图通过 CSS+HTML 做到这一点，但无法让它以我想要的方式工作。也许我需要 JQuery 或其他东西，但不知道该怎么做。

你可以通过图片看到我想要在这里完成的事情http://red.imakethat.com/page-1/我在之前和之后都有一个。

谢谢！

Answer 1

您可以在链接本身上使用 a:hover 并将隐藏的 div 从 display:hidden 更改为 display:block 并在重叠部分上使用定位。但这仅在您仅使用类型作为链接时才有效。

要使整个多边形可点击，您必须使用带有上述 css 或 jquery 的图像映射。

虽然您可以对齐由九个框组成的网格并将每个多边形作为背景图形放入其中，但要为每个图形留出适当的宽度和高度，对于可点击区域的位置，您会有一些重叠。