10

我有这个样式表

.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 上进行测试。

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

4

3 回答 3

8

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

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

于 2013-09-23T22:04:02.417 回答
0

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

<style type="text/css" media="print">
于 2014-12-01T09:49:09.737 回答
-9

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

于 2013-09-23T22:04:08.270 回答