Html IE8旋转过滤器旋转div，但不旋转文本

我目前正在尝试在包括ie8+在内的所有浏览器上旋转文本。我已经为所有其他浏览器设置了转换，但是当涉及到IE8时，我只能让框旋转，文本不会随之旋转

请看这里：

标记：

<div id='container' class='container'>
<p class='rotated'>
My view has been loaded
</p>
text
</div>

而IE8是有条件的

<!--[if lt IE 9]>
<style type="text/css">
.rotated, .container{
    zoom:1;
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
</style>
<![endif]-->

如您所见，div/段落标记会旋转，但文本保持水平：

我已经戳了一段时间，似乎不明白为什么它不旋转。我现在不担心旋转位置，我只是想让它旋转。你知道怎么了吗？

---

谢谢

对于较旧的IE，您应该注意

写入模式

以旋转整个框：）

---

您的IE8样式使用以下选择器

.rotated、.container

，而您的普通样式仅旋转

.rotated

这可能是问题的根本原因：IE8样式告诉浏览器尝试旋转

容器

和

旋转的

元素。由于一个在另一个内部，这意味着它将尝试旋转内部元素两次

理论上，这意味着

它最终会颠倒过来，但我们在这里处理的是IE的activeX

过滤器`样式，当你组合它们时，它们会爆炸，因此我可以理解为什么它会显示未旋转的文本

---

如果你在旧IE中做了很多轮换工作，你可能还想知道。这是一个小型Javascript polyfill库，它为旧IE版本添加了对（接近）标准

transform

CSS的支持。使用它可以让生活变得更加轻松，因为您可以对所有浏览器使用相同的语法，而不必担心难看的

过滤器
样式。
您在本地工作吗？Internet Explorer的过滤器只能在线工作。
为什么在IE8特定CSS中同时旋转
.rotated
和
.container
？更重要的是看是否只旋转一个是我的问题。除了测试目的，我没有真正的理由这么做。哦！好吧，这比较容易，而且似乎很适合我的目的。谢谢一旦我可以，我会像回答一样做标记。不管怎样，只要告诉我们它是否做了；）
<!--[if lt IE 9]>
<style type="text/css">
.rotated, .container{
    zoom:1;
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
</style>
<![endif]-->