giovedì 13 marzo 2008

CSS Hack per applicare uno stile soltanto a Firefox 2 e non agli altri browser

Per un layout molto complicato, mi sono trovato davanti alla situazione nella quale venivano disposti gli elementi correttamente sulla pagina in tutti i browser (IE6, IE7, Opera) eccetto Firefox 2.

Per fare una regola in CSS che venga applicata esclusivamente a Firefox 2 ma non al resto dei browser prendere spunto dal seguente codice CSS:


#sectionsWrap
{
/* Questo viene applicato a tutti i browser */

}

#sectionsWrap:not([alt]), x:-moz-any-link
{
/* Questo viene applicato soltanto a Firefox 2 */
}


Chiaramente l'elemento con id #sectionsWrap non deve avere un attributo alt.

Il selettore per l'id elemento può essere sostituito a vostro piacimento.

Nessun commento: