我有一个div,background:transparent还有border。在这之下div,我有更多的元素。
div
background:transparent
border
目前,当我点击覆盖层之外时,我可以点击底层元素div。但是,直接单击覆盖时,我无法单击基础元素div。
我希望能够点击它div,以便我可以点击底层元素。
与 IE11 的 CSS 条件语句一起使用pointer-events: none(在 IE10 或更低版本中不起作用),您可以获得针对此问题的跨浏览器兼容的解决方案。
pointer-events: none
使用AlphaImageLoader,您甚至可以将透明.PNG/.GIFs 放在叠加层中div,并让点击流到下面的元素。
AlphaImageLoader
.PNG/.GIF
CSS:
pointer-events: none; background: url('your_transparent.png');
IE11 条件:
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='your_transparent.png', sizingMethod='scale'); background: none !important;