将重叠的div设为“不可点击"以便可以访问下面的内容? [英] Make overlapping div "not clickable" so that content below can be accessed?

问题描述

我正在使用效果不透明的JPG叠加层，但是我只希望将其用作效果，并使该div以下的内容可单击.这有可能吗，谢谢:)))

谢谢大家的评论.我想我还必须考虑其他事情，因为JPEG覆盖了整个页面:)

解决方案

虽然有pointer-events:none;，但是只有很少的浏览器现代浏览器(和IE11)支持它.

https://developer.mozilla.org/en/CSS/pointer-events

I am using a JPG overlay with a reduced opacity for an effect, however I want it as an effect only and make the content below that div clickable. Is that possible, thanks :)))

Thanks for your comments everyone. I guess I'll have to think of something else because the JPEG covers the whole page :)

解决方案

Well there is pointer-events:none; but only few browsers modern browsers (and IE11) support it.

https://developer.mozilla.org/en/CSS/pointer-events

这篇关于将重叠的div设为“不可点击"以便可以访问下面的内容?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！