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

Question

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

.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和Chrome/Safari中,您可以pointer-events: none在CSS规则中使用.如果您还需要IE兼容性,请尝试通过图层转发鼠标事件.