Javascript 转换导致div消失

我正在用CSS3和jQuery创建一个3d旋转木马。这是我的密码

目前，我的问题是，如果我将这行css代码设置为

main

class，那么所有内容的位置和缩放都会发生变化：

-webkit-transform: rotateY(20deg) ;

---

我的问题是，如何在没有任何其他更改的情况下旋转

main

类？

这是一个非常有趣的问题。我使用的是谷歌Chrome，还没有在Safari中测试过，但当使用-webkit转换时，Chrome似乎至少创建了一个新的绘画堆栈。如果您注意到，

不再有高度。元素的内容似乎是从它们的父元素中抽象出来的

---

在任何情况下，我注意到，如果你给它一个静态高度而不是一个百分比（比如500px），并且如果你删除了负的边距（这看起来没有任何作用），它会再次变得可见。

问题是.main上的-1000px边距。如果去掉它，就可以开始对该DOM元素应用旋转

---

尝试使用负角度旋转。

请看：我不认为这是我的主分区的真正旋转。不，这是真正的旋转。其中的元素（可能还有.main）被其他脚本和转换规则所覆盖。如果不仔细检查代码的每一行，很难说。。。您可以尝试禁用所有其他变换，以查看是否可以使其旋转。实际上，只需使用负旋转度。。。似乎在为我工作。我想要

rotateY

。蓝色的div和白色的一样大。我只想旋转我的主div，所以蓝色div（a1）位于白色div的位置，当然大小相同。（我想用它做一些动画）我真正的问题是：我想让旋转主div成为可能。所以你想要一个五边形的框，可以随着你的点击或滑动旋转？像这样的东西，但它是五边形的，它只在y轴上旋转？它似乎比我真正的

div

还要大。看看这个：如何避免？蓝色的div和白色的一样大。我只想旋转我的主div，因此蓝色div（

a1

）位于白色div的位置，当然大小相同。（我想用它做一些动画）我真正的问题是：我想通过旋转主div使之成为可能。从当前的工作草稿中，“除了‘无’之外的任何值都会导致创建堆叠上下文和包含块”。@ephemient我没听清你说的。你能再解释一下吗？