为什么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

您在搜索ms-writing-mode property吗？ 这应该至少支持IE8。我不太确定7，我没有浏览器来测试它。

Answer 2

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

请注意我的容器位置绝对正确，因此我建议absolute或relative。