如何知道单击了哪个图像，然后隐藏了查看其他图像的透明位置

Question

我需要点击任何图片。我添加了一些图片来说明情况

黑色边框是图层边界

如果我在红色菱形上使用 z-index我不能按蓝色和棕色菱形，因为隐藏在一层透明的红色钻石中

如果我在蓝色菱形上使用z-index我不能按红色和棕色菱形**，因为隐藏了一层透明蓝色菱形

如果我在棕色菱形上使用z-index我不能按红色和蓝色菱形，因为隐藏在一层透明的棕色菱形

Answer 1

或者你可以尝试使用imagemap，只制作一张所有正方形的图像。

http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_areamap

Answer 2

这是一个新的建议，但它并没有完美地完成。它需要你身边的一点工作。但是应该清楚你要做什么;）

> http://jsfiddle.net/sbkhtvmo/2/

Answer 3

为您的图片应用自定义属性，并使用.live或.on函数触发javascript（jquery），该图片被点击。

HTML:
<img class="rhombus" x="first layer"/>

JQuery:
...

$(document).on("click", ".rhombus", function(e){
alert($(this).attr("x");
});
...