html - 链接不适用于绝对位置

Question

我有一个带有绝对位置的 div 和一个带有相对位置的 div。第一个 div 包含链接，第二个 div 包含一些位于第一个 div 之上的内容。第一个 div 的 z-index 为 1，第二个 z-index 为 -1，第一个 div 也是先声明的。

不过，第一个 div 中的链接是不可点击的。我现在知道为什么会这样了。

Fiddle

side1 和 side2 都有背景图片。内容应该出现在两侧，但链接应该仍然有效。

Second fiddle

Answer 1

将 .side 更改为 z-index: 1，或将 #container 更改为 margin-top: 150px 而不是 padding-top。

#books 的 z-index 为 1，但它位于 z-index 为 -1 的容器内，因此它仍然在 #container 下面结束，它有 z-index: -1 但在之后呈现(因此在顶部)。