Esprimere IT

Avete notato qualche volta, come le cose semplici si rifiuta semplicemente di lavorare in IE6 ... location.href è proprio una cosa simile.

Se avete aggiunto una funzione onclick al tag anchor, come qui di seguito ...

<a href="javascript:void(0);" onclick="onClickLink('xxx');"> vai alla nuova posizione </ a>

Con qualche funzione in questo modo ...
Funzione onclickLink (id) {
var uri = "test2.html id =?" + id;
window.location.href = URI;
}

Per la tua ironia, si sarebbe accorto che un tale pezzo di semplice script si rifiuta di lavorare in IE ... Beh! Sono in grado di discutere di ragioni qui, ma non credo che varrà la pena ... Anche se, mi sembrano avere una soluzione ... (scommetto che se si capisce Javascript, vi capisco, perché si aggiunge questo tweak per IE6)

La soluzione

<a href="javascript:void(0);" onclick="onClickLink('xxx'); ritorno false; "> vai alla nuova posizione </ a>

Se ha qualsiasi risposte semplici, si prega di scrivere un commento. Sarà davvero appretiated, ci scommetto, da molti!

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è :)

Ho avuto questo problema in cui, se si ha un evento di passaggio del mouse su una divisione (DIV) e che la divisione, per qualche buon motivo doveva essere trasparente (come nel mio caso, dove è stato tenuto a visualizzare alcuni tag su un'immagine al passaggio del mouse su questa divisione trasparente), IE non è riuscito a attivare l'evento mouseover (ha funzionato bene in FireFox).

Provato diverse opzioni ... molti dei quali era solo un disperato tentativo di ottenere l'evento al fuoco in IE. Uno di quelli sensibili, che ho pensato potrebbe funzionare è stato quello di impostare un colore di sfondo alla divisione e impostare l'opacità a zero ... Beh! forza lavoro!

La soluzione finale che sembrava funzionare e non disturbare la funzionalità avevo bisogno era di mettere un pixel ripetuto / immagine di sfondo trasparente in tale divisione

... Silly! ma ora IE sembra felice.

Semplice ... Per correggere questo problema, utilizzare visualizzazione: inline.

div {float:left;margin:40px;display:inline;}

Se si dispone di un elemento flottato come un div e si posiziona margin-right o margin-left su questo elemento, Internet Explorer 6.0 raddoppia il valore dei margini, in disordine la html / css layout. Per risolvere questo problema è sufficiente aggiungere display: inline; al vostro elemento flottante.