【发布时间】：2012-09-14 06:02:52
【问题描述】：
这是我的 jsfiddle
请注意，当您单击旋转较大的容器时，较大的容器会与较小的容器重叠。
这是有问题的，因为我试图创建一个图片库，您可以在其中单击以旋转和放大图像。这不会是一个问题，但有些图像很长很瘦。我希望旋转的 div 将其下方的 div 向下推，而不是重叠。
有什么想法吗？
【问题讨论】：
标签： jquery css z-index transform
【发布时间】：2012-09-14 06:02:52
【问题描述】：
好的，所以蓝色不应该碰到红色。下面是一个使用边距丢弃蓝人的示例：http://jsfiddle.net/WLJUC/27/
我不知道你的照片的细节来获得完美的例子，但一般你可以通过JS检查旋转，然后在蓝色div上使用一个边距将其降低一定量。 （加入一些过渡只是为了更好地可视化它）
（旧的，无用的答案）你有一个 z-index 的标签，但你没有在你的例子中使用它。应用相对于两者的位置，z-index: 0 到红色和 z-index: 1 到蓝色将停止我的快速测试的重叠：http://jsfiddle.net/WLJUC/10/
【讨论】：
-
这无济于事，因为他的图像（这是一个图像库）现在将隐藏在某些东西后面。我认为他希望蓝色部分始终位于粉红色部分下方，永远不要相互接触。
-
这很不错，只是在你点击几次时似乎有问题？你试过吗？几次点击后，它又回到了旧的行为。努力我会给你正确答案
-
你是对的。由于您不断添加 90，因此我没有考虑到它并不总是 90/270 度。我添加了一个额外的行来将计数重置为 360。