问题

我有一个 div ,它包含 background:transparent 以及 border .在 div 下,我有更多元素.

目前,当我点击叠加层 div 之外时,我可以点击底层元素.但是,直接点击叠加层 div 时,我无法点击底层元素.

我想点击这个 div ,这样我可以点击底层的元素.

我的问题



解决方法

是,您 CAN 可以执行此操作.

使用 pointer-events:none 以及IE11的CSS条件语句(在IE10或更低版本中不工作),您可以为此问题获得跨浏览器兼容的解决方案.

使用 AlphaImageLoader ,您甚至可以在o​​verlay

div 中放置透明的 .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;

以下是基本示例页与所有的代码.




相关问题推荐