Esprimere IT

Se avete scritto CSS per po ', si dovrebbe avere esperienza nei momenti in cui è letteralmente tirare i capelli quando i vostri layout CSS guardato bene in tutti i nuovi browser (intendo i browser IE6 più tardi), ma IE 6 genera un capriccio. Si lotta duramente per regolare il CSS, ma non funziona ... Beh! Prova questi hack ...

1. Underscore Hack: -
Per definizione, le specifiche CSS 2.1 consente di sottolineatura ("_") in identificatori CSS. Ma molti browser sembrano ancora ignorare qualsiasi identifica proceduto con una sottolineatura, ma IE. Questo bug di IE / funzione diventa così un modo molto chiaro per impostare le proprietà CSS per IE solo. ricordate, una proprietà CSS scritto con il carattere di sottolineatura sulla partenza è visibile per Internet Explorer (tutte le versioni di IE, ma 7)

#box {
min-height: 300px;
height: auto;
_height: 300px; /* all IE versions less than version 7 */
...
}

Vedi Dimostrazione di questa sottolineatura trucco

Inoltre, il min-height hack per IE6 utilizza la sottolineatura hack, check out

2. Cancelletto (#) Hack: -
Come la sottolineatura hack, questo è troppo è per IE Oly, con una differenza buona, identificatori di proprietà precedute da # sull'inizio è visibile per tutte le versioni di IE, IE7 inclusa ed è invisibile per qualsiasi altro browser standard.

.obj_container {
display: table-cell;
vertical-align: middle;
#position: absolute; /* For IE only */
#top: 50%; /* For IE only */
#left:50%; /* For IE only */
}

Questo hack è stato usato bene a dimostrare un cross browser allineamento verticale soluzione, dare un'occhiata a questo articolo per trovare il nostro più

3. CSS per IE6 solo: -
#my_bad_behaving_div {
/*something for all browsers*/
}
/* Lets use the * html hack so only IE6 reads the rule */
* html #my_bad_behaving_div{
/*something for IE6 only*/
}

Queste hack sembra mandato dal cielo, quando niente funziona ... Se uno qualsiasi di questi hack salva la tua vita un giorno, non dimenticare di curare me un caffè :)