Prepararsi all’uso dei CSS con IE8
Giovedì 13 Marzo 2008 - 10:46
di Cesare Lamanna
Da quando è uscita la beta di IE8, nelle mie scorribande quotidiane tra decine di feed RSS, incappo sempre più in post che lamentano crolli di layout, sparizioni di box, menu devastati. Casi estremi, ovvio, ma è indubbio che i problemi non mancano.
Non sempre all’urlo di dolore segue un’analisi dettagliata delle cause che hanno portato al disastro, cosa del resto non sempre facilissima al momento, ma per fortuna iniziano ad emergere anche spiegazioni e descrizioni più precise delle inconsistenze, degli errori e dei bug.
Per esempio, è appurato che la prima beta di IE8 non supporta al meglio la possibilità di impostare l’opacità sugli elementi via CSS. Non solo non è stato aggiunto, come già avvenuto su tutti i browser concorrenti, il supporto alla proprietà opacity definita nei CSS3, ma si è persa anche la possibilità di ricorrere al metodo proprietario basato su
filter: alpha(opacity=val);
Il motivo? Si tratta di un filtro, e per applicarli è necessario sfruttare la proprietà hasLayout, che come si sa è stata rimossa. Per una verifica è sufficiente visitare questa pagina sul sito di Bruno Fassino. Utile anche perché mi sembra che confermi quanto ho letto su CSS 3 Info, ovvero che per emulare l’opacità funziona ancora il sistema basato su
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=val)
Insieme al problema opacità, sono stati riscontrati problemi con overflow e z-index, mentre Peter Paul Koch inizia la sua lista dei test preliminari su IE8 con la categoria Regressions, ovvero cose che funzionano in IE7 ma non su questa beta dell’8.
Come punti di raccolta per test e segnalazioni, oltre alla pagina dei test sulla specifica CSS 2.1 approntata da Microsoft, è utile segnalare quello che al momento mi sembra lo snodo informativo da seguire per tenersi aggiornati su quanto via via emergerà su questo versante: la pagina su IE8 creata su css-discuss.
Commenti
1
E’ cosi’ tanto utilizzata/importante la proprieta’ opacity…?
2
@Random
è supportata dalla maggior parte dei browser (leggi: da tutti gli altri) da tempo.Chi, come me a volte, ha utilizzato workaround con l’uso del filtro proprietario di IE tramite commenti condizionali ad esempio (sperando in un supporto futuro) si ritroverà dei siti dove tale caratteristica non funzionerà più sul nuovo browser di Microsoft.
La mia impressione è che ci ritroveremo presto a dover testare i siti su tre differenti versioni di IE al posto delle 2 attuali (la 6 e la 7). Tempi duri, insomma.
3
è usata sempre di più, spesso sui menu e nei siti cosiddetti web 2.0, e il fatto che su IE si possa emulare con i filtri incoraggia ad usarla. Ho verificato io stesso che su tanti siti l’effetto con IE8 non è dei più gradevoli, nel senso che persa l’opacità esteticamente i risultati sono davvero pessimi.
4
ma avendo un layout con tutti i bug sistemati per IE6 non dovremmo essere a posto anche per IE7 e IE8?
# - postato da mixio - 13 Marzo 2008 - 13:09
5
@pinit ho capito che e’ supportata ma e’ cosi utilizzata? Io l’avro’ vista 2 volte in tutta la mia vita
6
@Random
La prima cosa che mi viene in mente: l’overlay (ma non solo) delle gallerie immagini create con il famoso Lightbox…
7
concordo con Random…
8
opacity?
Certo che si usa…Cmq, riguardo ad IE8, penso che alla fine convenga aggiornare tutti i propri siti inserendo nell’header la modalità di visualizzazione per IE7 (appena fatto) ed iniziare con i prossimi layout a trattarlo adeguatamente con i CSS. No?
Sotto questo punto di vista l’idea di Micrfosoft del tag meta è stata ottima.
9
A mio avviso è presto per fasciarsi la testa: si tratta solo di una beta (anche se in effetti le beta dovrebbero avere tutte le funzionalità previste).
# - postato da Gianluca - 14 Marzo 2008 - 16:14