Question

我一直在尝试在隐藏div中的图像上创建一个简单的图像映射。

单击一个按钮后，隐藏的div显示，在此图像上我想放置一个图像映射。但它不起作用。

我从jfiddle那里得到了表演/隐藏，看看......

我的按钮

[label for="home3"][img src="images/bt_modulo.png" alt="" width="92" height="72" /] [/label]

我隐藏的div

 [div class="homeinfo3"]
[input id="home3" type=checkbox][div style="display: none;"] [img src="images/modulo_info.png" alt="" width="568" height="98" border="0" usemap="#modulomap" /]
[map name="modulomap" id="modulomap"]
  [area shape="rect" coords="317,9,380,47" class="iframe fancybox-media" href="http://www.youtube.com/embed/azCeJoLcWhI?rel=0" /]
  [area shape="rect" coords="385,10,444,45" class="iframe fancybox-media" href="images/Modulo-red.jpg" /]
[/map]
[/div]

当图像出现（div可见）时，地图不起作用。我究竟做错了什么？测试链接在这里http://manuki.net/test/test.html

Answer 1

“homeinfo3”div的z-index为20，而“imgright”div为999. imgright div位于homeinfo之上，因此位于地图之上。将homeinfo3的z-index增加到1000，你的地图就会开始工作。

隐藏的div与图像映射无法正常工作

1 个答案: