Ho notato in IE9 che l'utilizzo della matrice DXIImageTransform consente di pixelare il testo ruotato. Non ho questo problema in IE8 o 7. Normalmente userei le opzioni css3 in IE9 ma per ragioni al di fuori del mio controllo, la pagina esegue il rendering in modalità quirks (iframe html5 valido incorporato in una pagina di terze parti senza doctype)DXIMageTransform.Microsoft.Matrix sfocata in IE9
Questo è il codice che sto utilizzando:
<!--Looks like crap but is my only option in quirks mode-->
<span style="position:absolute;
filter:progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',
M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);">
Does this make my butt look pixelated?
</span>
in IE8, il risultato ruotato il testo è liscia, ma in IE9 è molto pixel. Confrontare a questo (che non funziona in quirks mode)
<!-- looks great but doesn't work in quirks mode-->
<span style="position:absolute; top:150px; -ms-transform: rotate(-45deg);">
Does this make my butt look pixelated?
</span>
per vederlo in azione, date un'occhiata a questo violino in IE9 http://jsfiddle.net/U4CCD/3/
La mia domanda, come posso ruotare il testo in IE9, in modalità Quirks, non sembra tutto pixelato e sfocato. Perché la trasformazione della matrice inizia a succhiare in IE9?
Se sei abbastanza fortunato da non dover eseguire IE9, questo è quello che sto vedendo. L'esempio più chiaro è come appare in IE8 e come appare usando le trasformazioni css3.