gpt4 book ai didi

css - 单击 div 到底层元素

转载 作者:太空宇宙 更新时间:2023-11-03 18:55:20 24 4
gpt4 key购买 nike

我有一个 div,它有 background:transparent,还有 border。在这个 div 下,我有更多元素。

目前,当我在叠加层 div 之外单击时,我能够单击底层元素。但是,当我直接点击叠加层 div 时,我无法点击底层元素。

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

My Problem

最佳答案

是的,您可以做到这一点。

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

使用 AlphaImageLoader,您甚至可以将透明的 .PNG/.GIF 放在叠加层 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;

这是一个basic example page包含所有代码。

关于css - 单击 div 到底层元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13640597/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com