css - 为什么 IE8 及以下版本会旋转容器而不旋转内容？

Question

我有一个带有背景图像的容器和一个带有文本的 span 元素。IE9、10 和现代浏览器都可以，但 ie7 和 8 不会旋转内容。但是，它确实会旋转到容器。

我尝试在 jsfiddle 中发布，但 jsfiddle 无法在 IE8 中运行（至少在我尝试时）。

我试过这些：

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

和

-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-0.00000000, M12=1.00000000, M21=-1.00000000, M22=-0.00000000,sizingMethod='auto expand')";
filter: progid:DXImageTransform.Microsoft.Matrix(M11=-0.00000000, M12=1.00000000, M21=-1.00000000, M22=-0.00000000,sizingMethod='auto expand');

两者都适用于 IE9 和 10，但不适用于 IE8 及更低版本。

Answer 1

我刚刚遇到了这个问题，我通过将z-index（在我的情况下为值 1）设置为容器来修复它。这使得它的子元素随着容器上的过滤器一起旋转。

请注意，我的容器是绝对定位的，所以我推荐absoluteor relative。

Answer 2

您在寻找ms-writing-mode 属性吗？这应该至少支持 IE8。我不太确定 7 并且我没有浏览器来测试它。