CSS e commenti condizionali per Internet Explorer
HTML, Tips & tricks 27 marzo 2008, 23:40
I commenti condizionali sono particolari istruzioni interpretabili dal browser Internet Explorer di Microsoft Windows. Sono supportati già dalla versione 5.0, ma pochissimi sono in grado di sfruttarne le notevoli potenzialità , specie nella correzione di interpretazioni anomale dei CSS proprio da parte del browser di casa Microsoft.
È possibile utilizzare commenti condizionali distinguendo addirittura la versione di Internet Explorer in uso dal navigatore, ottenendo effetti (o correzioni) differenti a seconda delle caratteristiche (o delle mancanze) specifiche della versione.
I commenti condizionali seguono una sintassi molto semplice, come nell’esempio che segue:
<!--[if IE 6]>
Qui ci metto istruzioni specifiche per Internet Explorer 6
<![endif]–>
Come si vede, il commento condizionale è un comando racchiuso tra gli indicatori di commento HTML: in questo modo i browser che non supportano questa funzionalità ignoreranno completamente il commento e le istruzioni in esso racchiuse.
Attenzione! Proprio per questo motivo, i commenti condizionali non possono essere utilizzati direttamente nei fogli di stile, ma vanno inclusi giocoforza nelle normali pagine HTML.
Ecco un altro semplice ma esaustivo esempio:
<p><!--[if IE]>Il risultato di questo semplice elenco di commenti condizionali è riportato nelle righe seguenti, sempre che stiate utilizzando Internet Explorer (scelta sconsigliata):
Stai utilizzando Internet Explorer<br />
<![endif]–>
<!–[if IE 5]>
Stai utilizzando Internet Explorer 5<br />
<![endif]–>
<!–[if IE 5.0]>
Stai utilizzando Internet Explorer 5.0<br />
<![endif]–>
<!–[if IE 5.5]>
Stai utilizzando Internet Explorer 5.5<br />
<![endif]–>
<!–[if IE 6]>
Stai utilizzando Internet Explorer 6<br />
<![endif]–>
<!–[if IE 7]>
Stai utilizzando Internet Explorer 7<br />
<![endif]–>
<!–[if gte IE 5]>
Stai utilizzando Internet Explorer, versione 5 o superiore<br />
<![endif]–>
<!–[if lt IE 6]>
Stai utilizzando Internet Explorer, versione inferiore alla 6<br />
<![endif]–>
<!–[if lte IE 5.5]>
Stai utilizzando Internet Explorer, versione inferiore o uguale alla 5.5<br />
<![endif]–>
<!–[if gt IE 6]>
Stai utilizzando Internet Explorer, versione superiore alla 6<br />
<![endif]–>
</p>














