CSS转换不工作IE [英] CSS transform not working 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问题，转换已应用并且在屏幕上显示
但是当我点击打印按钮时，打印结果没有应用变换。

I'm having trouble with IE, the transforms are applied and are showing on screen but when I click on the print button, the printed result is without the transforms applied to it.

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

(added screen in the media to see the effects, before printing)

它适用于Firefox和Chrome

It works fine with Firefox and Chrome

编辑

EDIT

是的，我在IE9上测试。

Yes, I was testing on IE9.

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

Having played with it a bit more yesterday, I noticed that the image did in fact do the transform part, but what is sent to the printer is the image without the transform applied to it.

推荐答案

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

-ms-transform does not exist in IE10+. IE8 and older have no support for CSS transforms, IE9 uses only -ms-transform, and IE10 and newer use only the unprefixed transform.

请参阅 http：// caniuse。 com /＃feat = transforms2d 以获取更多信息（如果需要）。

See http://caniuse.com/#feat=transforms2d for more info if needed.

这篇关于CSS转换不工作IE的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！