Html 单击元素下方的命中测试

Html 单击元素下方的命中测试,html,css,image,mouseevent,transparent,Html,Css,Image,Mouseevent,Transparent,继上一个问题之后,我试图找出下一个问题是否可行: 假设你有一个渲染,就像一个有透明背景的足球运动员。将此渲染添加到html和css中。透明部分现在是图像“框”的一部分;您不能单击图像透明部分下的链接,但可以看到它们 有没有可能让这些链接可以点击?因此,将图像作为最高的z索引,但仍然可以单击链接并工作 (链接的z指数较低,因为它们的背景会停在图像下方,从而提供更好的设计) (或者说:有一个带有透明背景的.png图像,不显示为方框,而仅显示为彩色像素。最好只显示在html/css中) 老实说,我认为

继上一个问题之后,我试图找出下一个问题是否可行:

假设你有一个渲染,就像一个有透明背景的足球运动员。将此渲染添加到html和css中。透明部分现在是图像“框”的一部分;您不能单击图像透明部分下的链接,但可以看到它们

有没有可能让这些链接可以点击?因此,将图像作为最高的z索引,但仍然可以单击链接并工作

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

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

老实说,我认为这是不可能的。如果您还不理解我的问题,也许我以前的问题可以帮助您:

您可以使用使事件(在本例中单击)冒泡到下面的层。

您可以使用使事件(在本例中单击)冒泡到下面的层。

不,据我所知,这是不可能的。但是,您可以做类似于您想要做的事情,这可能很有用:

  • 使用将区域转换为链接
  • 使用以忽略顶部元素上的单击

  • 不,据我所知,这是不可能的。但是,您可以做类似于您想要做的事情,这可能很有用:

    • 使用将区域转换为链接
    • 使用以忽略顶部元素上的单击

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


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

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

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