Vor zwei Monaten habe ich in einem kurzen Videotipp gezeigt, wie Sie mit den Unterstrich- und Sternhacks Internet Explorer 6 und 7 in Ihren Stylesheets anvisieren können. Mit dem heutigen Quick-Tipp gehen wir noch einen Schritt weiter, indem wir einen neuen Hack einführen, der auch auf IE8 und darunter abzielt. Es sei darauf hingewiesen, dass dies keine bewährte Methode ist, und 98% der Zeit sollten stattdessen bedingte Kommentare verwendet werden. Trotzdem ist es immer wichtig zu wissen, was Sie tun können - und es macht Spaß, richtig?
Der Schlüssel zum Anzielen von Internet Explorer 8 und darunter mit einem Hack ist das Anhängen von "\ 9" an das Ende Ihres Stils. Zum Beispiel:
Körper Farbe: Rot; / * alle Browser natürlich * / color: green \ 9; / * IE8 und darunter * /
Es ist wichtig zu wissen, dass es "\ 9" sein muss. Leider können Sie dies nicht durch etwas wie "\ IE" ersetzen, wie ich es versucht habe. Sogar "\ 8" funktioniert nicht. es muss "\ 9" sein.
Wie wir in dem kurzen Tipp vom Januar erfahren haben, können wir das Symbol * verwenden, um auf IE7 und darunter zu zielen:
Körper Farbe: Rot; / * alle Browser natürlich * / color: green \ 9; / * IE8 und darunter * / * Farbe: gelb; / * IE7 und darunter * /
Schließlich haben wir den Unterstrich-Hack, den die meisten Designer inzwischen kennen. Anstelle des Symbols * verwenden wir den Unterstrich. Dies gilt nur für Internet Explorer 6.
Körper Farbe: Rot; / * alle Browser natürlich * / color: green \ 9; / * IE8 und darunter * / * Farbe: gelb; / * IE7 und darunter * / _color: orange; / * IE6 * /
Es ist erwähnenswert, dass ich in keiner Weise die Verwendung von Hacks in Ihren Stylesheets befürworte. Im Gegenteil sollten Sie fast immer bedingte Kommentare verwenden. Das bedeutet jedoch nicht, dass es nicht hilfreich ist, zu wissen, mit was Sie technisch umgehen können, sei es für das Debuggen oder um sich Ihren Freunden zu zeigen!
Die größte Sorge ist, dass Hacks nicht zukunftssicher sind, zumindest nicht wirklich. Zum Beispiel: Was wäre, wenn sie mit der Veröffentlichung von Firefox 4 auch Eigenschaften erkennen würden, denen der * Hack vorangestellt ist. Wahrscheinlich würden sie dies aus Kompatibilitätsgründen jedoch niemals tun, was möglicherweise einen Teil Ihres Layouts ruinieren könnte. Letztendlich sollten Sie nur klug sein, wenn Sie Hacks verwenden. Wenn Sie nur eine oder zwei Eigenschaften ändern müssen, um IE6 glücklich zu machen, sehe ich keinen Schaden, wenn Sie den Unterstrich direkt in Ihrem Stylesheet verwenden. Die Welt wird nicht enden. Wenn es jedoch eine Handvoll Änderungen gibt, sollten Sie unbedingt bedingte Kommentare verwenden!
Danke fürs Lesen und Zuschauen!