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

【问题标题】：Why does IE8 and below rotate the container but not the content?为什么 IE8 及以下版本会旋转容器而不旋转内容？
【发布时间】：2013-06-13 15:46:03
【问题描述】：

我有一个带有背景图像的容器和一个带有文本的 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 及更低版本。

【问题讨论】：

矩阵过滤器应该在 IE8 中工作。您收到任何错误消息吗？可能由于本地安全设置或无效的文档类型而禁用了 ActiveX 控件。确保 IE7/8 没有在 quirks 模式下运行。
没有错误，没有在quirks模式下运行，并且doctype是HTML5 doctype。
我不确定这是否会有所帮助，但有些浏览器就是不支持某些东西。 caniuse.com/#compare=ie+7,ie+8,ie+9,ie+10
容器和内容的position:ing是什么？我有一个演示 does what you're trying to do on this question 包括是否在 IE8 中添加了跨度，其中容器是 position: absolute; 并且我添加的任何内容跨度都是默认位置。 See also this Q where child is pos:absolute。另外，当您测试时，您是在 IE8 本身测试，还是在 IE8 模式下测试 IE10？因为IE10's default security settings deactivate "legacy filters"
您找到解决方案了吗？我也有同样的问题。

标签： css internet-explorer rotation

【解决方案1】：

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

【讨论】：

您建议哪个属性值可以解决此问题？

【解决方案2】：

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

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

【讨论】：