CSS 转换不起作用 IE答案

【问题标题】：CSS transform not working IECSS 转换不起作用 IE
【发布时间】：2013-09-28 23:04:35
【问题描述】：

我有这个样式表

.rotate div img
{
    -webkit-transform:  translate(-18cm, 2cm) rotate(-90deg); /* WebKit */
    -webkit-transform-origin: top right; 

    -moz-transform: translate(-18cm, 2.5cm) rotate(-90deg);/* Mozilla */
    -moz-transform-origin: top right;

    -o-transform: rotate(90deg); /* Opera */
    -o-transform-origin: top center; 

    -ms-transform: translate(-18cm) rotate(-90deg); /* Internet Explorer */
    -ms-transform-origin: top right;

    -sand-transform: translate(-18cm, 2.5cm) rotate(-90deg);
    -sand-transform-origin top right;

    max-width: 100% !important;

}

我在使用 IE 时遇到问题，转换已应用并显示在屏幕上但是当我点击打印按钮时，打印的结果没有应用转换。

（在打印之前在媒体中添加屏幕以查看效果）

在 Firefox 和 Chrome 上运行良好

编辑

是的，我在 IE9 上进行测试。

昨天又玩了一会儿，我注意到图像确实做了变换部分，但是发送到打印机的是没有应用变换的图像。

【问题讨论】：

已加载问题，但您对哪个版本的 IE 有疑问？只有IE9 和IE10 有基本支持，只有IE10 有3D 支持：developer.mozilla.org/en-US/docs/Web/CSS/…
Here is a related question about IE9 not printing transforms

标签： css internet-explorer media-queries transform

【解决方案1】：

-ms-transform 在 IE10+ 中不存在。 IE8 及更早版本不支持 CSS 转换，IE9 仅使用 -ms-transform，而 IE10 及更高版本仅使用不带前缀的 transform。

如果需要，请参阅http://caniuse.com/#feat=transforms2d 了解更多信息。

【讨论】：

【解决方案2】：

不需要花哨的前缀，只需使用普通转换来定位 MS IE！

【讨论】：

【解决方案3】：

我有同样的问题，但通过将媒体属性设置为样式标签来解决，如下所示

<style type="text/css" media="print">

【讨论】：