目前浏览器都不支持 perspective 属性。
Chrome 和 Safari 支持替代的 -webkit-perspective 属性。
Chrome 和 Safari 支持替代的 -webkit-perspective 属性。
2015-11-02
照着老湿代码敲的,发现没3D效果,只有伸缩效果,后来找到原因了,在这里分享下。本人用的是IE11,不用加前缀,直接用transform。
1.perspective:800px; 要加上px
2. perspective:800px;
perspective-origin:50% 50%;
这两行代码要写到第二个div里,即#pagegroup{}里面。原因不清楚,可能是第一层设置了3D场景,但第二层是2D的,导致第三层不出3D效果。坐等大神解答。。
3.数字6出现在1的下面。这是图层问题,6是最后写的,在层面上是最高的,会覆盖它下面的内容,导致1和6一同显示。解决方法是倒序写入1到6。
1.perspective:800px; 要加上px
2. perspective:800px;
perspective-origin:50% 50%;
这两行代码要写到第二个div里,即#pagegroup{}里面。原因不清楚,可能是第一层设置了3D场景,但第二层是2D的,导致第三层不出3D效果。坐等大神解答。。
3.数字6出现在1的下面。这是图层问题,6是最后写的,在层面上是最高的,会覆盖它下面的内容,导致1和6一同显示。解决方法是倒序写入1到6。