通过div单击底层元素

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

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

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

回答:

是的,你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;

以上是 通过div单击底层元素 的全部内容, 来源链接: utcz.com/qa/410987.html

回到顶部