单击 div 到底层元素

一尘不染

javascript

我有一个div，background:transparent还有border。在这之下div，我有更多的元素。

目前，当我点击覆盖层之外时，我可以点击底层元素div。但是，直接单击覆盖时，我无法单击基础元素div。

我希望能够点击它div，以便我可以点击底层元素。

我的问题

阅读 161

2022-02-15

共1个答案

一尘不染

与 IE11 的 CSS 条件语句一起使用pointer-events: none（在 IE10 或更低版本中不起作用），您可以获得针对此问题的跨浏览器兼容的解决方案。

使用AlphaImageLoader，您甚至可以将透明.PNG/.GIFs 放在叠加层中div，并让点击流到下面的元素。

CSS：

pointer-events: none;
background: url('your_transparent.png');

IE11 条件：

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='your_transparent.png', sizingMethod='scale');
background: none !important;

2022-02-15