IE 7-8 effetti su div no, IE 9 effetti si.. :D
Taggato: topic-211
- Questo topic ha 2 risposte, 2 partecipanti ed è stato aggiornato l'ultima volta 12 anni, 5 mesi fa da biglorenz.
- AutorePost
- 4 Novembre 2011 alle 15:58 #1645biglorenzPartecipante
Buonasera a tutti,
nei miei ritagli di tempo cerco sempre più di perfezionare le conoscenze su questo stupendo e framework!Arrivato a questo punto sono riuscito a scrivere delle piccole parti di codice che permettono lo show e l’hide di alcuni elementi in un pagina e con le varie letture e indicazioni sono riuscito ad utilizzare delle parti di codice già pronte quando serviva..
E fino a qui tutto abbastanza bene a parte qualche mio errore di richiami..
Ora inizia la parte dolente, ovvero il test del lavoro svolto per vedere se e quanto è se è cross-browser..Piccola cuiriosità che ho notato è che IE8 fa le bizze con alcune parti di codice jQ.
Esempio sul fadeIn() di un div contenente alcuni elementi tra cui delle immagini. Ho notato che vengono prima visualizzate le immagini e le descrizioni che sono nel div e successivamente gli altri div contenuti nel divmain, creando un’effetto non propio carino….
Naturalmente ho fatto le prove con IE9,Chrome,Safari,e Firefox e tutto si comporta come deve
Piccola curiosità è possibile questa cosa?
Per assurdo sembra che IE9 sia più “standarizzato” verso gli altri browser rispetto alle altre versioni..Premetto che gli show dei div vengono fatti con del codice tipo:
$(‘#cuc’).live(‘click’,function(){
if($(‘#desc’).is(‘:visible’)){
$(‘#desc’).fadeOut();
$(‘#cucine’).fadeIn(‘slow’);
}
else{
$(‘#cucine’).fadeIn(1000);
$(‘#giorno’).hide();
$(‘#notte’).hide();
}
});
Dite che potrebbe essere una questione di ottimizzazione del codice?
Io controllo se un div è visibile se si lo nascono e ne faccio apparire un’altro, altrimenti visualizzo il div cucine e nascondo tutti gli altri div nella pagina(dovrei controllare se sono attivi e poi eventualmente nasconderli.. ) ma la parte di miglioramento del codice la volevo fare in un secondo momento..
Suggerimenti e critiche sono ben accetti!
Saluti
Lorenzo5 Novembre 2011 alle 23:19 #1942kolmogorovPartecipanteCiao, in generale IE9 si attiene “di più agli standard” rispetto ai predecessori, sui quali bisogna porre, purtroppo più attenzione e quindi più fatica per eventuali problemi di crossbrowsing. Il fadin e fadeout utilizzano l’opacity per fare il loro lavoro, per cui un’ipotesi potrebbe essere la gestione dell’opacità da parte di IE7/8.
Prova ad applicare la proprietà css-> filter: inherit;
a tutti gli elementi contenuti dentro l’elemento (elementi figli) di cui fai il fadIn/out ovvero nel tuo caso su #desc e su #cucine.
Fai inoltre delle prove variando il tipo di posizionamento degli elementi figli rispetto al padre (contenitore.)10 Novembre 2011 alle 13:44 #1943biglorenzPartecipanterieccomi qua..
Si in effetti ho notato che tutto ciò che funziona con mozzilla,safari e chrome al 95% funziona anche su IE9… Ie 7-8 sono propio lontani…vanno propio a se! purtroppo!!
Cmq ho provato ad aggiungere il parametro che mi hai suggerito, ma non è cambiato nulla.
Io nel mio progettino sto utilizzando per quasi tutti gli elementi che compongono le pagine posizioni assolute.Il problema che ho notato, è utilizzando la fadeIn() e IE 7-8.
Si nota propio una latenza esagerata nel fadeIn.
Visto che le cose da implementare sono ancora parecchie, ho fatto alcune prove e per garantire una sorta di cross-browsing accettabbile con i vari brower, la soluzione la momento è stata non utilizzare il fadeIn() per visualizzare gli elementi nascosti ma la show..
In questo modo l’effetto grafico diminuisce notevolmente ma il risultato è uguale con tutti i browser..
Per ora lo terrò cosi!
La fase di test finale sarà quando il sito sarà on-line..Per ora grazie dei suggerimenti..
Saluti
Lorenzo - AutorePost
- Devi essere connesso per rispondere a questo topic.