小编典典

单击 div 到底层元素

javascript

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

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

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

我的问题


阅读 215

收藏
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