如何使用可点击的高级z-index值在div后面建立链接？

Question

我有一个HTML书籍的这个设计，我试图达到一定的效果，当滚动页面时，使用具有优质z-index值和PNG背景图像的固定div成功完成时淡化文本。< / p>

.book-bg {
background: url(../../img/book-frame-bg.png) no-repeat fixed center top;
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 100;}

但是现在“.book-bg”div所涵盖的所有链接都不可点击，我该如何解决？

此处的示例页面：http://mmahgoub.com/thebook/chapter-01.html

由于

Answer 1

在Firefox, Opera and Chrome/Safari中，您可以在CSS规则中使用pointer-events: none。如果您还需要IE兼容性，请尝试Forwarding Mouse Events Through Layers。

Answer 2

你的链接需要更高的z-index，为此需要定位，相对，浮动或固定。