html - IE vs chrome 和 FF 文本中的文本旋转 css 不可见

Question

大家好我正在尝试使用 html CSS 和 jquery 设置侧边栏导航，允许用户单击按钮，按钮将消失，菜单将从页面左侧滑出。

您可以查看此 here 的工作示例

我想弄清楚为什么文本没有出现在 Chrome 中的 div 元素中，但它出现在 IE 中。期望的效果是让文本在 div 标签内旋转 -90 度。它似乎在那里只是看不见？

如果有任何建议，我将不胜感激。

提前致谢

Answer 1

您必须使用该代码设置旋转元素的基本位置:

-ms-transform-origin:50% 50%;
-webkit-transform-origin:50% 50%;
-moz-transform-origin:50% 50%;
-o-transform-origin:50% 50%;

我建议你将它写在一个新类中以应用于每个旋转的 div。