javascript - 使背景变暗 - 不影响元素本身。 (覆盖？)

Question

我想把我的背景调暗。通常，它就像放置一个 z-index 低于最前面元素的叠加层一样简单，如下所示:

_{(来源:jankoatwarpspeed.com)}

我现在想要实现的是让叠加层后面的元素仍然可以点击、选择等等。

在这个例子中，链接应该是可点击的，上面的文本应该是可选择的，但仍然是这么黑。

我想我不能用纯 CSS 归档这个，你的解决方案是什么？

谢谢

Answer 1

只需在叠加层上禁​​用指针事件:

pointer-events: none;

例子:

http://codepen.io/anon/pen/ebcdz