transformacji CSS nie działa IE

Mam arkusz stylówtransformacji CSS nie działa 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; 

}

Mam problem z IE, że transformacje są stosowane i są pokazano na ekranie ale po kliknięciu na przycisk drukowania, wydrukowany wynik jest bez zastosowanych transformacji.

(dodane ekran w mediach, aby zobaczyć efekty, przed drukowaniem)

Współpracuje z Firefox i Chrome

EDIT

Tak, testował na IE9.

Po zagraniu nieco wczoraj, zauważyłem, że obraz rzeczywiście wykonał część transformacji, ale to, co jest wysyłane do drukarki, to obraz bez zastosowanej transformacji.

Źródło

2013-09-23 CheGueVerra

podchwytliwe pytanie, ale która wersja IE należy rozwiązać problemy? Tylko "IE9" i "IE10" mają podstawowe wsparcie, a tylko "IE10" obsługuje 3D: https://developer.mozilla.org/en-US/docs/Web/CSS/transform#Browser_compatibility – kunalbhat

[Tutaj jest powiązany pytanie o to, że IE9 nie drukuje transformacji] (http://stackoverflow.com/q/7868988/2930477) – misterManSam

-ms-transform nie istnieje w IE10 +. IE8 i starsze nie obsługują transformacji CSS, IE9 używa tylko -ms-transform, a IE10 i nowsze używają tylko niezatwierdzonego transform.

Aby uzyskać więcej informacji, zobacz numer http://caniuse.com/#feat=transforms2d.

Źródło

2013-09-23 22:04:02 Mooseman

-5

Nie ma potrzeby wymyślnych prefiksów, po prostu użyj zwykłej transformacji, aby wybrać MS IE!

Źródło

2013-09-23 22:04:08

I ma ten sam problem, ale rozwiązany poprzez utworzenie atrybutu mediów do tagu stylu następująco

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

Źródło

2014-12-01 09:49:09 Sravan

Odpowiedz

Powiązane problemy