CSS transform funktioniert nicht IE
Habe ich dieses stylesheet
.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;
}
Ich habe Probleme mit IE, werden die Transformationen angewendet werden, und zeigt auf dem Bildschirm
aber wenn ich auf die Schaltfläche drucken, ist das gedruckte Ergebnis ist ohne die Transformationen angewendet werden.
(Hinzugefügt Bildschirm in den Medien um die Effekte zu sehen, vor dem drucken)
Funktioniert es einwandfrei mit Firefox und Chrome
BEARBEITEN
Ja, ich wurde getestet auf IE9.
Er spielte mit ihm ein bisschen mehr, gestern habe ich bemerkt, dass das Bild in der Tat tun Sie das transformieren-Teil, aber was ist an den Drucker gesendet wird ist das Bild ohne Transformation angewendet.
- Geladen Frage, aber welche version des IE haben Sie Probleme mit? Nur
IE9
undIE10
haben grundlegende Unterstützung, und nurIE10
hat 3D-Unterstützung: developer.mozilla.org/en-US/docs/Web/CSS/... - Hier ist eine damit verbundene Frage, IE9 drucken nicht verwandelt
Du musst angemeldet sein, um einen Kommentar abzugeben.
-ms-transform
existiert nicht in IE10+. IE8 und älter haben keine Unterstützung für CSS-Transformationen, IE9 verwendet nur-ms-transform
und IE10 und neuere verwenden Sie nur die unprefixedtransform
.Sehen http://caniuse.com/#feat=transforms2d für weitere Informationen, wenn nötig.
Ich hat das gleiche Problem aber gelöst durch die Einrichtung von media-Attribut für style-tag wie folgt
Keine Notwendigkeit für fancy Präfixe, einfach nur normal transformieren, um den Gegner MS IE!