通过div单击底层元素

Question

我有一个div具有background:transparent，沿border。在此之下div，我还有更多元素。

目前，当我在叠加层外部单击时，我可以单击基础元素div。但是，当直接在叠加层上单击时，我无法单击基础元素div。

我希望能够单击此按钮，div以便可以单击基础元素。

Answer 1

是的，你CAN做到这一点。

使用pointer-events: none与IE11 CSS条件语句一起（在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;