javascript - 如何知道单击了哪个图像,然后隐藏了一个透明的地方,看不到其他图像

标签 javascript css html canvas

我需要点击任何图片。我添加几张图片来说明情况

black borders 是图层边界 http://i.stack.imgur.com/qSFyE.png

如果我在红色菱形上使用z-index,我无法按下蓝色和棕色菱形,因为被一层透明的红色菱形遮住了视线 http://i.stack.imgur.com/VjnCK.png

如果我在蓝色菱形上使用 z-index,我无法按红色和棕色菱形**,因为被一层透明的蓝色菱形遮住了视线 http://i.stack.imgur.com/zCiXf.png

如果我在棕色菱形上使用 z-index,我无法按红色和蓝色菱形,因为一层透明的棕色菱形隐藏了视线 http://i.stack.imgur.com/aYjom.png

最佳答案

这是一个新的建议,但还没有完全完成。它需要你这边的一些工作。但应该清楚你必须做什么;)

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

关于javascript - 如何知道单击了哪个图像,然后隐藏了一个透明的地方,看不到其他图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25662110/

相关文章:

jquery - 有没有办法转换 transform :matrix3d() return into its rotateX, Y 和 Z 值?

javascript - Canvas 漫画的自定义光标?

jquery - 使用 css 关键帧将跨度文本更改为图标

html - 从样式表和 html 自定义背景

javascript - 当父级溢出隐藏时绝对定位 UL

javascript - 如何将附加在 formData 中的 blob 发送到 php

javascript - 如何在 PureScript 中创建外部常量?

html - Bootstrap 列在小屏幕尺寸下没有响应(移动)

html - MySQL HTML 表中的替代颜色编码导致 shell 脚本

html - 闪烁的输入光标