隱藏的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，您的地圖將開始工作。