Question

我正在使用-webkit-transform: rotate(40 deg)，似乎旋转的元素隐藏了旋转元素的顶部元素（不是孩子）。

我使用代码创建了一个jsFiddle here，因为它更容易演示。

可能这是因为旋转的元素隐藏了其他元素的一部分，但我不想要这种效果。我该如何解决这个问题？

我使用了z-index，但没有帮助！

Answer 1

你正在进行3D变换。小提琴中的'rotateY'不是'旋转'。所以你要在按钮前面移动飞机的一部分。通过将第二个按钮的代码更改为

来检查自己

$("div.buttonB").click( function() {
    $("div.background").css('-webkit-transform', 'rotateY(-190deg)')
});

这样点击buttonB后，buttonB可以点击，但是buttonA不会。现在将-190deg更改为190deg，您将看到它以其他方式工作。

如果您想围绕3D转换，请查看此站点。

观看视频并播放控件。希望这会有所帮助。