Wie Links hinter einem Div mit einem höheren Z-Index-Wert klickbar machen?

Question

Ich habe dieses Design für ein HTML-Buch und ich versuche, einen bestimmten Effekt zu erzielen, der den Text beim Scrollen der Seite, die ich erfolgreich mit einem festen Div mit einem höheren Z-Index-Wert und einem PNG-Hintergrundbild erfolgreich gemacht hat.

.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;} 

Aber jetzt alle meine Links, die von der „.book-bg“ div abgedeckt sind nicht anklickbar, wie ich dieses Problem lösen kann?

Musterseite hier: http://mmahgoub.com/thebook/chapter-01.html

Dank

Answer 1

In Firefox, Opera and Chrome/Safari Sie pointer-events: none in Ihrem CSS-Regel nutzen könnten. Wenn Sie IE Kompatibilität auch benötigen, versuchen Sie Forwarding Mouse Events Through Layers.

Answer 2

Ihre Links benötigen einen höheren Z-Index, dazu müssen sie positioniert, relativ, schwebend oder fixiert sein.