Uttrykke IT

Har du lagt merke til noen ganger, hvordan enkle ting bare nekter å arbeide i IE6 ... location.href er nettopp slikt.

Hvis du har lagt en onclick funksjon til din ankerkode som under ...

<a href="javascript:void(0);" onclick="onClickLink('xxx');"> gå til nytt sted </ a>

Med noen funksjon som dette ...
funksjon onclickLink (id) {
Var URI = "test2.html id =?" + id;
window.location.href = URI;
}

Slik ironi, ville du se at et slikt stykke enkelt skript nekter å arbeide i IE ... Vel! Jeg kan diskutere årsaker her, men tror ikke det vil lønne ... Skjønt, jeg synes å ha en løsning ... (vedder jeg på om du forstår Javascript, vil du forstå, hvorfor vi legge denne tweak for IE6)

Løsningen

<a href="javascript:void(0);" onclick="onClickLink('xxx'); retur false; "> gå til nytt sted </ a>

Hvis du noen enkle svar, kan du gjøre skriv en kommentar. Det vil virkelig bli appretiated, jeg bet, av mange!

Hvis du har skrevet CSS for stund, ville du ha erfaring de gangene du bokstavelig talt trekke håret når CSS-layouter så fint i alle de nye nettlesere (jeg mener nettlesere senere enn IE6), men IE 6 kaster et raserianfall. Du strever hardt for å justere CSS, men det fungerer ikke ... Vel! Prøv disse hacks ...

1. Understreke Hack: -
Per definisjon kan CSS 2.1 spesifikasjon understrek ("_") i CSS identifikatorer. Men mange nettlesere fortsatt synes å ignorere ethvert identifiserer fortsatte med en understrek, men IE. Dette IE bug / funksjon blir dermed en veldig tydelig måte å sette CSS egenskaper for IES bare. så husk, A CSS eiendom skriftlig med understreking på start er synlig for Internet Explorer (alle versjoner, men IE 7)

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

Se demonstrasjon av dette understreker hack

Også bruker min høyde hack for IE6 understrekingstegnet hack, sjekk ut

2. Hash (#) Hack: -
I likhet med understrek hack, er dette en altfor er for IES oly, med en god forskjell, er eiendom identifikatorer som innledes med # på starten synlig for alle IE-versjoner, inkludert IE7 og er usynlig for alle andre standard nettleser.

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

Dette hack har blitt brukt pent å demonstrere et kors nettleser vertikal justere løsning, ta en titt på denne artikkelen for å finne vår mer

3. CSS for IE6 bare: -
#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*/
}

Disse hacks synes himmelen sendt, når ingenting annet fungerer ... Hvis noen av disse hacks sparer livet ditt en dag, ikke glem å behandle meg til en kopp kaffe :)

Jeg hadde dette problemet der, hvis du hadde en mouseover hendelse på en divisjon (DIV) og at divisjon, for noen god grunn måtte være gjennomsiktig (som i mitt tilfelle, der det var nødvendig å vise noen tags over et bilde på mouseover av dette gjennomsiktig divisjon), klarte ikke IE for å utløse mouseover arrangementet (fungerte fint i FireFox).

Prøvde flere alternativer ... mange av dem var bare et desperat forsøk på å få arrangementet til å skyte i IE. En av de fornuftige de, at jeg trodde kanskje virke var å sette en bakgrunnsfarge til divisjonen og sette opacity til null ... Vel! Dint arbeid!

Den endelige løsning som syntes å virke, og ikke forstyrre funksjonaliteten jeg som kreves var å sette en pixel gjentatt / gjennomsiktig bakgrunnsbilde i denne avdelingen

... Silly! men nå IE virker lykkelig.

Enkelt ... For å løse dette problemet bruk display: inline.

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

Hvis du har en fløtet element som en div og plasserer deg margin høyre eller margin-venstre på dette elementet, vil Internet Explorer 6.0 dobbelte margin verdi, rote opp html / css layout. For å fikse dette ganske enkelt legge til skjerm: inline; til flytende element.