未解决的 CSS3 变换旋转，仅在 Chrome 中。旋转和隐藏 div :(?答案

【问题标题】：Unsolved CSS3 transform-rotation, only in Chrome. Rotate and hiding div :(?未解决的 CSS3 变换旋转，仅在 Chrome 中。旋转和隐藏 div :(?
【发布时间】：2011-12-28 19:47:34
【问题描述】：

您好，我在隐藏 div 时遇到问题。这是一个示例（仅在 Chrome 中尝试）http://jsfiddle.net/Fy7qW/5/

看看当角度为 -40 和 -50 时会发生什么。有什么方法可以在旋转时获得良好的渲染效果？

或者有没有办法像这样显示 div：image with example

【问题讨论】：

我完全不了解前沿 CSS 和总体方向等方面的最新情况，但如果您打算将示例扩展为更完整的框架，我认为您正在使用错误的工具。 WebGL 更适合这样做。虽然如果您只是在做一个玩具示例，那么请忘记我刚刚写的所有内容。
考虑使用画布来做你可能想做的事情

标签： javascript jquery-ui css

【解决方案1】：

我的猜测是您需要动态调整 z-indexes 或重组 DOM 以改变自下而上的显示顺序。

所以基本上如果$('#kat').val() 是其中一个错误的角度，应用不同的显示结构。

【讨论】：