可能是第一层设置了3D场景,但第二层是2D的,导致第三层不出3D效果。坐等大神解答。

来源:-

Thomas_2015

2015-10-25 13:51

照着老湿代码敲的,发现没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回答

  • echo_kinchao
    2015-10-26 14:10:20

    是不是 z-index挡住了啊

CSS3 3D 特效

使用CSS3当中的属性,创建真实可用的三维效果

78568 学习 · 436 问题

查看课程

相似问题