CSS转换不工作IE

我有这个样式表
.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上测试.

昨天玩了一下之后,我注意到图像确实做了转换部分,但发送到打印机的是没有应用转换的图像.

解决方法

IE10中不存在-ms-transform. IE8及更早版本不支持CSS转换,IE9仅使用-ms-transform,而IE10和更新版仅使用未加前缀的转换.

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

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效