这是我的jsfiddle
请注意当您单击旋转较大的容器时如何与较小的容器重叠。
这是有问题的，因为我试图创建一个图片库，您可以在其中单击以旋转和放大图像。这不会是一个问题，但有些图像很长很瘦。我希望旋转的 div 将其下方的 div 向下推，而不是重叠。
有任何想法吗？
问问题
3143 次
1 回答
2
好的，所以蓝色不应该碰到红色。这是一个使用边距丢弃蓝人的示例：http: //jsfiddle.net/WLJUC/27/
我不知道你的照片细节以获得完美的例子，但一般你可以通过JS检查旋转，然后使用蓝色div上的边距将其降低一定量。（加入一些过渡只是为了更好地可视化它）
（旧的，无用的答案）你有一个 z-index 的标签，但你没有在你的例子中使用它。应用相对于两者的位置，z-index: 0 到红色，z-index: 1 到蓝色将停止我快速测试的重叠：http: //jsfiddle.net/WLJUC/10/
于 2012-09-21T19:33:46.003 回答