如何允许单击具有更高z-index的元素后面的元素

Question

我想对整个页面进行反思。我有一个透明的png，从白色渐变到透明，我希望它能填满浏览器并显示在其他所有内容上，但允许用户点击它背后的所有内容，无法被拖动，并且可以在所有浏览器中使用。这可能吗？

Answer 1

您可以使用pointer-events: none works everywhere except IE10及更早版本。

包含更多信息的博文：

http://robertnyman.com/2010/03/22/css-pointer-events-to-allow-clicks-on-underlying-elements/

Answer 2

为什么不让内容背景透明，或者使用透明的png？

或者设置内容的不透明度，就好像它已经淡入背景中一样。不确定你想要达到的目标，但我相信如果你尝试一种新的方法，你会得到类似的效果。从设计的角度来看，我无法想象主要内容上的div如何产生通过其他方法无法实现的效果。