problema effetto fade con explorer

[lsasselli]

Ciao a tutti!
Ho creato un effetto fade utilizzando questo codice html3:

<div class="carousel dissolve">
[img]URLIMMAGINE[/img]
[img]URLIMMAGINE[/img]
[img]URLIMMAGINE[/img]
[img]URLIMMAGINE[/img]
</div>

e integrando questo script al mio css:

/* dissolve */
.dissolve {width: 600px;
height: 200px;
position: relative;
overflow: hidden}
.dissolve .item {position: absolute;
left: 0;
right: 0;
opacity: 0;
-webkit-animation: dissolve 20s linear infinite;
-moz-animation: dissolve 20s linear infinite;
-ms-animation: dissolve 20s linear infinite;
animation: dissolve 20s linear infinite}
.dissolve .item:nth-child(2) {-webkit-animation-delay: 5s;
-moz-animation-delay: 5s;
-ms-animation-delay: 5s;
animation-delay: 5s}
.dissolve .item:nth-child(3) {-webkit-animation-delay: 10s;
-moz-animation-delay: 10s;
-ms-animation-delay: 10s;
animation-delay: 10s}
.dissolve .item:nth-child(4) {-webkit-animation-delay: 15s;
-moz-animation-delay: 15s;
-ms-animation-delay: 15s;
animation-delay: 15s}

@-webkit-keyframes dissolve {0%, 30%, 100% {opacity: 0}
5%, 25% {opacity: 1}}
@-moz-keyframes dissolve {0%, 30%, 100% {opacity: 0}
5%, 25% {opacity: 1}}
@-ms-keyframes dissolve {0%, 30%, 100% {opacity: 0}
5%, 25% {opacity: 1}}
@keyframes dissolve {0%, 30%, 100% {opacity: 0}
5%, 25% {opacity: 1}}

ma in questo modo mi viene visualizzato in firefox e in explorer non si vede niente... :-(
qualcuno può aiutarmi?
grazie, luana

[lsasselli]

Da pc non mi visualizza l'anteprima in explorer, ma è ok in firefox...
ho provato con mac e invece non funziona nemmeno su firefox, solo su safari...
qualcuno mi sa dire cosa ho sbagliato?
Grazie anticipatamente,
L.

[Bellu]

Ciao,

se non ho capito male stai cercando di fare un effetto fade utilizzando css.
Non tutti i browser come avrei notato supportano questa soluzione, ti consiglio di usare jQuery per realizzare tutti gli effetti grafici.
E' semplice da utilizzare ed eviti tutti i problemi cross-browser.

Un saluto

[Emulator ®]

Sono d'accordo con Bellu.

E' ancora presto per cimentarsi a siti full HTML5... aspettiamo che maturi e soprattutto che tutti i Browsers implementino le funzionalità (e che tutti iniziano ad abbandonare IE < 9-10).

[Vincent.Zeno]

@lsasselli
ricorda che, come tutti, sei tenuto ad utilizzare il tag [CODE][/CODE] per postare codice sul forum. grazie

Originariamente inviato da Emulator ®
E' ancora presto per cimentarsi a siti full HTML5... aspettiamo che maturi e soprattutto che tutti i Browsers implementino le funzionalità (e che tutti iniziano ad abbandonare IE < 9-10).

per la prima questione basta mettere in preventivo le modifiche da fare e/o segnalare il browser non adeguato

per la seconda "e che tutti iniziano ad abbandonare IE < 9-10" è folle
pensa che ancora ci sono parecchi uffici che usano ie6 per via di loro applicativi interni.
e quanti non hanno intenzione di cambiare SO solo per avere una release di IE?

[Emulator ®]

Eh infatti purtroppo è così...

Ovvio non dico che bisogna aspettare che TUTTI passino ad IE >= 9-10 però almeno sperare che una buona parte lo faccia... alla fine se ci rifletti è proprio questo che blocca l'utilizzo a pieno di HTML5