隐藏的div与图像地图不起作用

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，您的地图将开始工作。