Ho un div con un'immagine di sfondo che sto ruotando. Sotto è il mio regole CSS per ruotarlo:internet explorer non anti alias immagine ruotata
#services_parallax {
-webkit-transform:rotate(3.1deg); /* Webkit */
transform: rotate(3.1deg); /* firefox & IE9+ */
/* IE7 & 8 */ filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.998537, M12=-0.054079, M21=0.054079, M22=0.998537, sizingMethod='auto expand');
}
Il problema è in IE i bordi dell'immagine sono molto blocchi e frastagliate, invece di essere linee morbide e non sembrano essere antialias. Qualcuno sa una correzione per questo? Lo stava facendo in chrome fino a quando non ho applicato la correzione applicando -webkit-backface-visibility: hidden; che ha funzionato benissimo per Chrome, ho solo bisogno di una soluzione simile per IE se ne esiste uno.
di replicare questo problema incollare il seguente in un file HTML e guardarlo in IE:
<style type="text/css">
#services_parallax { -webkit-transform:rotate(3.1deg); /* Webkit */
transform: rotate(3.1deg); /* firefox & IE9+ */
/* IE7 & 8 */ filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.998537, M12=-0.054079, M21=0.054079, M22=0.998537, sizingMethod='auto expand');
background: url(http://img.netcarshow.com/Pagani-Zonda_R_2009_1600x1200_wallpaper_01.jpg) center center;
background-size:100% auto;
height:100px;
width:700px;
margin-top:50px;
margin-left:50px;
}
</style>
<div id="services_parallax"></div>
specificare quali versioni di IE riscontrano problemi? IE 7/8 (usando 'filter') funzionerà in modo molto diverso da IE 9/10 (usando' transform'). – Spudley
Sto riscontrando il problema in tutte le versioni – geoffs3310
puoi anche confermare che stai utilizzando copie reali di ciascuna versione di IE o se stai utilizzando la modalità di compatibilità per eseguire il test? (ancora, per cose come questa, questo potrebbe avere un impatto sui risultati che vedi) – Spudley