用于在IE中旋转文本的CSS

我在列表项中有文本，我想将其旋转270度。在FireFox、Safari、Chrome和Opera中，我们找到了直接的方法，但在IE中，没有直接的支持。然而，有一些过滤器，如矩阵和BasicImage：我尝试过它们，但我没有取得任何进展

例如，我正在做这样的事情：

filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

它仅旋转所有列表项的第一个字符

请参见：

CSS3引入了许多转换和动画功能，有些人认为这些功能在CSS中是不合适的。尽管如此，仍然有一种方法可以模拟InternetExplorer中的元素旋转，尽管这种方式有限

语法 要将元素旋转180度，即垂直翻转它，以下是CSS3语法：

#rotate {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}

要在Internet Explorer中创建完全相同的旋转，请使用专有过滤器：

#rotate {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

旋转的值可以是1、2、3或4。这些数字分别表示90度、180度、270度或360度旋转

---

我在这里猜测，但这可能是因为您只允许每个字符显示前一两个字符的宽度。它正确显示，无需旋转，因为文本已正确溢出屏幕的宽度。我遇到了一个类似的问题，IE只会旋转容器宽度可见的文本

---

如果您可以增加每个列表的宽度而不影响布局，那么请这样做，看看是否有帮助。

您确定要将整个列表旋转270度吗？不仅仅是一个列表项。是的，还有一件事我忘记了，对于使用多个类别4的列表元素iam的样式，首先我在第二个iam中提供了一些背景图像和颜色，在第三个iam中为文本提供了颜色，这些过渡效果在所有浏览器中都可以正常工作，除了IE第四个是空的