I have this design for an HTML book, and I'm trying to achieve a certain effect that fades over the text when scrolling through the page that I have successfully done using a fixed div with excellent z-index value and PNG background image.
.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;}
But now all my links that are covered by the ".book-bg" div are not interactive, how can I solve this?
Example page here: http://mmahgoub.com/thebook/chapter-01.html
thank
source
share