Ausdruck ihrer IT-

Haben Sie bemerkt, manchmal, wie einfach die Dinge einfach weigert, im IE6 zu arbeiten ... location.href ist nur so eine Sache.

Wenn Sie einen onclick-Funktion, um Ihren Anker-Tag wie unten hinzugefügt ...

<a href="javascript:void(0);" onclick="onClickLink('xxx');"> zum neuen Standort </ a>

Mit etwas Funktion wie diese ...
Funktion onclickLink (id) {
var uri = "test2.html id =?" + id;
window.location.href = URI;
}

Um Ihre Ironie, würden Sie feststellen, dass solch ein Stück einfaches Skript, um im IE funktionieren weigert sich ... Wohlan! Ich kann Gründe hier zu diskutieren, aber nicht, dass es sich lohnen ... Obwohl, ich weiß es scheinen, um eine Lösung zu haben ... (Ich wette, wenn Sie Javascript verstehen, werden Sie verstehen, warum fügen wir dies für den IE6 optimieren)

Die Lösung

<a href="javascript:void(0);" onclick="onClickLink('xxx'); Rückkehr false; "> neuen Standort zu gehen </ a>

Wenn Sie irgendwelche einfachen Antworten, bitte schreiben Sie einen Kommentar. Es wird wirklich appretiated, ich wette, die von vielen sein!

Wenn Sie geschrieben haben, während für CSS, müssten Sie erleben diese Zeiten, wenn Sie ziehen buchstäblich die Haare, wenn Ihr CSS-Layouts sah in allen neuen Browsern (ich meine Browser später als IE6) in Ordnung, aber IE 6 bekommt einen Wutanfall. Du hart kämpfen, um Ihre CSS anpassen, aber es funktioniert nicht ... Na ja! Versuchen Sie diese Hacks ...

1. Underscore Hack: -
Per Definition ermöglicht CSS 2.1-Spezifikation Unterstrich ("_") im CSS-IDs. Aber vielen Browsern immer noch scheinbar keinen identifiziert sich mit ein Unterstrich ignorieren ging aber IE. Dieses IE den Bug / Feature wird damit zu einem sehr klaren Weg, um CSS-Eigenschaften für IEs nur eingestellt werden. so denken Sie daran, eine CSS-Eigenschaft mit dem Unterstrich am Anfang geschrieben ist sichtbar für den Internet Explorer (alle Versionen, aber IE 7)

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

Vorführung der dies zu unterstreichen hack

Auch die min-height Hack für IE6 Hack den Unterstrich verwendet, bitte zuerst

2. Raute (#) Hack: -
Wie der Hack zu unterstreichen, ist auch dieser ist für IES Oly, mit einem guten Unterschied, Sach-IDs mit # am Anfang vorausgegangen sichtbar für allen IE-Versionen ist, inklusive IE7 und ist für jeden anderen Standard-Browser unsichtbar.

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

Dieser Hack wurde schön, eine Cross-Browser-Lösung demonstrieren vertikalen Ausrichtung verwendet werden, haben einen Blick auf diese Artikel zu unseren mehr finden

3. CSS für IE6 nur: -
#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*/
}

Diese Hacks scheint Himmel gesandt, wenn es nicht anders geht ... Wenn eine dieser Hacks rettet euer Leben eines Tages, vergessen Sie nicht, mich zu einem Kaffee :) behandeln

Ich hatte dieses Problem, wo, wenn Sie einen mouseover-Event auf einer Division (DIV) und die Teilung hatten, aus irgendeinem Grund musste transparent sein (wie in meinem Fall, wo es erforderlich ist, um einige Tags auf ein Bild angezeigt werden beim Mouseover der wurde Diese transparente Aufteilung), scheiterte IE, um den mouseover-Ereignis (hat gut funktioniert in Firefox) auslösen.

Versuchte mehrere Optionen ... von denen viele war nur ein verzweifelter Versuch, die Veranstaltung erhalten, um in IE zu feuern. Einer der Vernünftigen, dass ich dachte, vielleicht Arbeit war es, eine Hintergrundfarbe zu der Teilung eingestellt und die Deckkraft auf Null ... Naja! DINT Arbeit!

Die endgültige Lösung, die auf Arbeit und nicht stören die Funktionalität, die ich nötig schien, war es, eine ein Pixel gesetzt wiederholt / transparenten Hintergrund Bild in dieser Abteilung

Dumme ...! aber jetzt IE scheint glücklich.

Einfache ... Um dieses Problem zu beheben Verwendung Display: inline.

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

Wenn Sie eine schwebende Element wie beispielsweise ein div haben und Sie legen margin-right oder margin-left auf dieses Element, wird der Internet Explorer 6.0, dass die Marge verdoppeln Wert, Unordnung zu dem HTML / CSS-Layout. Um dies zu beheben fügen Sie einfach display: inline; zu Ihrem Floating Element.