CSS 3D变形 z轴索引

Question

我正在制作一个基于Web的书籍，当我翻页时，它会被书皮覆盖，但我需要它在上层显示。这是示例：

transform-style: preserve-3d;

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

我非常感谢你的帮助。

- user4656987

Answer 1

添加

z-index: -100;

将任何负的 z-index 值赋给 .open 即可解决问题。

- Mateusz Bartkowski

Answer 2

尝试添加

-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;

回到封面。

- Gustaf Gunér

---

感谢您的快速回复。但是那个解决方案完全隐藏了封面。我需要它至少在第一页打开时显示。 - user4656987