Question

我有这个样式表

.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。

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

Answer 1

IE10 +中不存在

-ms-transform。 IE8及更早版本不支持CSS转换，IE9仅使用-ms-transform，IE10和更新版仅使用未加前缀的transform。

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

Answer 2

我遇到了同样的问题，但通过将media属性设置为样式标记解决了如下问题

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

Answer 3

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

CSS转换不工作IE

3 个答案: