Ciao a tutti.
Vorrei ruotare un'immagine, un div, un elemento flash. Insomma: qualsiasi cosa.
Sono piu di tre ore che vado in giro su internet e sto trovando un sacco di soluzioni CSS, ma nessuna che vada bene contemporaneamente per IE e per gli altri browser (sto testando su un IE8, ultimo Chrome, ultimo Firefox, ultimo Opera, Safari).
Per ora il mio codice è:
.menu_principale {
position: relative;
top: 556px;
left: 220px;
border: none;
/* rotazione */
width: 100%;
-o-transform: rotate(1deg); /* Opera 10.5 */
-webkit-transform: rotate(1deg); /* Safari 3.1 +, Chrome */
-moz-transform: rotate(1deg); /* Firefox 3.5 + */
-ms-transform: rotate(1deg); /* IE 9 */
transform: rotate(1deg);
/* da IE 6 a IE 9 */
filter: progidXImageTransform.Microsoft.Matrix(sizingMetho d='auto expand',
M11=0.9999999536,
M12=-0.000304617,
M21=0.000304617,
M22=0.9999999536);
}
I problemi che riscontro sono due:
1. come potete vedere, nella matrice ho impostato le formule per la rotazione di 1 grado. Tutti i browser ruotano di questa inezia, tranne (ovviamente) IE.
2. se voglio applicare la stessa regola in un altro ID (cioè se voglio ruotare anche un altro oggetto) non funziona più. Sempre e solo in IE.
Qualche soluzione Javascript ???
Grazie !!!!
