Uttrycka det

Har du märkt ibland, hur enkla saker bara vägrar att arbeta i IE6 ... location.href är just en sådan sak.

Om du har lagt till en onclick funktion för att ditt ankare tag som nedan ...

<a href="javascript:void(0);" onclick="onClickLink('xxx');"> gå till ny plats </ a>

Med någon funktion här ...
Funktionen onclickLink (id) {
var URI = "test2.html id =?" + id;
window.location.href = URI;
}

Till din ironi, skulle du märker att en sådan bit enkelt skript vägrar att arbeta i IE ... Well! Jag kan diskutera orsaker här, men inte att det kommer vara värt ... Men, jag verkar ha en lösning ... (jag slår om du förstår Javascript, kommer du att förstå varför vi lägga till den här tweak för IE6)

Lösningen

<a href="javascript:void(0);" onclick="onClickLink('xxx'); avkastning false; "> gå till ny plats </ a>

Om du några enkla svar, vänligen gör skriv en kommentar. Det kommer verkligen appretiated jag satsa, av många!

Om du har skrivit CSS för när, skulle du har erfarenhet de gånger då du bokstavligen drar ditt hår när dina CSS-layouter såg bra ut i alla nya webbläsare (jag menar webbläsare senast IE6), men IE 6 kastar ett utbrott. Du kämpar hårt för att anpassa din CSS, men det fungerar inte ... Tja! Prova dessa Hacks ...

1. Understreck Hack: -
Per definition kan CSS 2,1 specifikationen understreck ("_") i CSS identifierare. Men många webbläsare tycks fortfarande ignorera alla identifierar fortsatte med ett understreck, men IE. Detta IE: s fel / funktion blir därmed ett mycket tydligt sätt att ställa CSS egenskaper för IE bara. Så kom ihåg, en CSS-egenskapen skriven med understreck på början är synlig för Internet Explorer (samtliga versioner, men IE 7)

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

Visa demonstration av denna understreck hack

Dessutom använder min höjd hack för IE6 understreck hacka, kolla in

2. Fyrkant (#) Hack: -
Liksom understreck hacka, är detta en för är för IE Oly, med en bra skillnad är egendom identifierare föregås # på start synligt för alla IE-versioner, inklusive IE7 och är osynlig för alla andra standard webbläsare.

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

Detta hack har använts fint att demonstrera ett kors webbläsare vertikal linje lösning, ta en titt på den här artikeln för att finna vår mer

3. CSS för IE6 endast -
#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*/
}

Dessa hacka verkar himlen skickas när ingenting annat fungerar ... Om någon av dessa hacka sparar ditt liv en dag, glöm inte att behandla mig en kopp kaffe :)

Jag hade det här problemet där, om du hade en mouseover händelse på en division (DIV) och att fördelningen av någon anledning måste vara transparent (som i mitt fall, där det krävs för att visa vissa taggar över en bild på mouseover av denna öppna Division), inte IE för att trigga mouseover händelsen (fungerade bra i Firefox).

Försökte flera alternativ ... många som bara var ett desperat försök att få evenemanget att avfyra i IE. En av de förnuftiga sådana, som jag trodde skulle fungera var att sätta en bakgrundsfärg på uppdelningen och ställ in opaciteten till noll ... Well! uppkomsten arbete!

Den slutliga lösning som verkade fungera och inte störa funktionaliteten jag som krävdes var att sätta en pixel upprepad / transparent bakgrundsbild i denna delning

... Silly! men nu IE verkar lycklig.

Enkelt ... För att korrigera denna display problemet användning: inline.

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

Om du har en flöt element såsom en div och du placerar marginalen höger eller margin-left på den del, kommer Internet Explorer 6,0 fördubbla marginalen värde mathållning upp html / css layout. För att åtgärda detta helt enkelt lägga display: inline; till din flytande element.