CSS 3Dtransform z-index

Question

I am trying to make a book in web, when I turn the page on my book, it goes under the cover, but I need it to be on top. I'll just give you the demo:

transform-style: preserve-3d;

http://jsfiddle.net/vill3/5tpekxwu/1/

I would really appreciate your help.

Answer 1

Add

z-index: -100;

(or any negative z-index) to .open and it should work.