用图像映射显示Div?

时间:2013-08-13 16:46:49

标签: jquery html css image

我有一个图像被分成10个不同的多边形,需要一个div在聚合物上盘旋时显示,然后保持直到我离开图像,或者如果我将鼠标悬停在不同的上方则更改信息聚

我试图通过CSS + HTML来做到这一点,但无法让它以我想要的方式工作。也许我需要JQuery或其他东西,但不知道如何处理它。

你可以通过图像看到我在这里要完成的事情http://red.imakethat.com/page-1/,其中我有一个前后分类。

谢谢!

1 个答案:

答案 0 :(得分:0)

您可以使用:悬停在链接本身上并从显示中更改隐藏的div:隐藏显示:阻止并在重​​叠的部分上使用定位。但这只有在你只使用类型作为链接时才有效。

要使整个多边形可点击,您将不得不使用带有上述css或jquery的图像映射。

虽然您可以对齐九个方框的网格并将每个多边形放在内部作为背景图形,但为了允许每个图形的正确宽度和高度,您将在可点击区域的位置上有一些重叠。