变暗背景 - 不影响元素本身。 （覆盖？）

Question

我想让我的背景变暗。通常，它就像放置一个比最前面的元素更低的z-index的叠加层一样简单：

http://www.jankoatwarpspeed.com/wp-content/uploads/2009/5/sample.jpg

我现在要归档的是使叠加层背后的元素可以点击，选择等等。

在这个例子中，链接应该是可点击的，上面的文字应该是可选择的，但仍然是这样..

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

由于

Answer 1

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

pointer-events: none;

示例：

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

Answer 2

看到这个小提琴。我的技巧是将相同的元素添加到叠加div，并将href文本的文本颜色设置为叠加的背景颜色，使其看起来不可见。请看这个小提琴。

http://jsfiddle.net/5Ux5t/1/

重叠div中href的CSS使其不可见

#overlay a{
    color:black;
}

实际上叠加层中也有链接。我只是添加了上面的CSS以使它们不可见。参见：

http://jsfiddle.net/5Ux5t/