我正在研究一个示例，我想以 90 度和 270 度垂直书写文本。
JSFiddlle上的示例
它似乎在 FF 中工作，但根本没有出现在 IE 中。
我试图更改某些属性，但没有运气。
如果有人可以帮助我解决这个问题，我将不胜感激，以便它适用于所有浏览器。
问候
问问题
3687 次
4 回答
1
于 2012-07-12T10:03:42.657 回答
1
因为它使用 webkit、moz 和 o css3 属性来旋转它。IE 不支持这些 css 属性
于 2012-07-12T10:04:16.077 回答
1
这很奇怪，但是当我Helvetica从您的 CSS 中删除时，它似乎一切正常。您确定删除旋转时会显示文本吗？
此外，这height: -150px可能会导致问题。尝试改用边距。
您可能想要添加
-ms-transform: rotate(270deg);
对于现代 IE。
这篇文章中的演示在 IE9 中运行良好： css-tricks.com/sideways-headers
于 2012-07-12T10:24:48.737 回答
0
我认为我与 Jquery 一起完成的方式要好得多，并且有助于解决我在其他示例中遇到的浏览器问题
查看http://jsfiddle.net/RwEme/1865/
我认为这最适合我的示例并且在 IE 中运行良好，字体也没有任何问题。我在 div 中编写文本并使用 jQuery 插件对其进行旋转。
IE 8 及以下版本有问题
于 2012-07-12T12:06:24.277 回答