在点击的元素下方进行测试

时间:2013-03-28 11:18:32

标签: html css image mouseevent transparent

在上一个问题的继承中,我试图找出下一件事是否可能:

带你一个渲染,就像一个有透明背景的足球运动员。您将此渲染添加到您的html& CSS。透明部分现在是图像“盒子”的一部分;你无法点击图像透明部分下的链接,但你可以看到它们。

是否可以使这些链接可点击?因此,将图像作为最高的z-index,但仍然可以点击和工作链接。

(链接的z-index较低,因为它们的背景会在图像下停止,从而提供更好的设计)

(或者另有说法:有一个带透明背景的.png图像,不显示为方框,而只显示彩色像素。仅适用于html / css)

我认为说实话是不可能的。如果您还不了解我的问题,也许我以前会帮助您: need help fixing the link's clickable area

3 个答案:

答案 0 :(得分:2)

您可以使用pointer-events将事件(在这种情况下点击)冒泡到下面的图层。

答案 1 :(得分:1)

不,我不知道的是什么。但是,您可以根据需要执行类似的操作:

答案 2 :(得分:1)

IE 10提供了非标准msElementsFromPoint方法,允许您“窥视”元素;您可以在单击处理程序中执行此操作,并确定单击点是否与锚点重叠。如果是这样,触发该元素的click事件将完成需要完成的任务。

不幸的是,我不知道其他浏览器或早期版本的IE的类似功能。