CSS變換不工作IE

我有這種樣式表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測試。

昨天玩了一會，我注意到圖像確實做了轉換部分，但發送給打印機的是沒有應用轉換的圖像。

來源

2013-09-23 CheGueVerra

加載的問題媒體屬性設置樣式的標籤解決，但IE的版本是你有問題？只有'IE9'和'IE10'具有基本的支持，只有'IE10'具有3D支持：https：//developer.mozilla.org/en-US/docs/Web/CSS/transform#Browser_compatibility – kunalbhat

[這是一個相關的關於IE9不打印轉換的問題]（http://stackoverflow.com/q/7868988/2930477） – misterManSam

-ms-transform在IE10 +中不存在。 IE8及更早版本不支持CSS轉換，IE9僅使用-ms-transform，而IE10和更新版本僅使用前綴transform。

如需更多信息，請參閱http://caniuse.com/#feat=transforms2d。

來源

2013-09-23 22:04:02 Mooseman

-5

不需要花哨的前綴，只需使用普通變換來定位MS IE即可！

來源

2013-09-23 22:04:08

我有同樣的問題，但通過如下

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

來源

2014-12-01 09:49:09 Sravan

CSS變換不工作IE

回答

相關問題