IE与chrome和FF文本中的文本旋转css不可见

Question

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

你可以在这里查看这个的工作样本

我想弄清楚为什么在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。