Alle guten Browser sowie IE 7 und höher erhalten REGULAR-STYLESHEET.css, Browser IE 6 und darunter erhalten ein spezielles Stylesheet mit reduzierten, aber immer noch schönen Basis-Stilen.
<!--[if !IE 6]><!-->
<link rel="stylesheet" type="text/css" media="screen, projection" href="REGULAR-STYLESHEET.css" />
<!--<![endif]-->
<!--[if gte IE 7]>
<link rel="stylesheet" type="text/css" media="screen, projection" href="REGULAR-STYLESHEET.css" />
<![endif]-->
<!--[if lte IE 6]>
<link rel="stylesheet" type="text/css" media="screen, projection" href="http://universal-ie6-css.googlecode.com/files/ie6.0.3.css" />
<![endif]-->
Genial! Wusste nicht, dass das überhaupt möglich ist!
Ich kann tatsächlich eine CSS-Datei für Nicht-IE-Browser erstellen.
Danke!
Vielen Dank dafür, ich versuche schon seit 4 Stunden, so etwas zu erreichen. !!
Du hast mir den Tag gerettet :))
Prost!
Chris, gibt es eine prägnantere Methode, dies zu tun? Ich möchte nicht alle meine Nicht-IE6
<link>Style-Tags wiederholen.Ja, das ist eigentlich falsch. IE7 und höher lesen das erste LINK-Tag problemlos und sie lesen auch das zweite. Nicht-IE-Browser lesen nur das erste LINK-Tag.
Wenn du dir Malarkys Code noch einmal ansiehst, wirst du sehen, dass ich Recht habe.
Ich habe hier einige Beispiele für richtige bedingte Kommentare gepostet
http://demo.pixelsandpages.com/css-tests/
Direkte Links
– Stile nur für IE6 oder nicht IE6 anzeigen, prägnante „Downlevel Revealed“-Methode
– Stile nur für IE6 oder nicht IE6 anzeigen, ausführliche „Beautiful Web“-Methode
– Stile nur für IE 7 & IE 8 anzeigen
Fantastisch!
Genau so sollte das Web in IE6 aussehen.
Du kannst es einfach so ändern, dass alle Benutzer das Standard-Stylesheet erhalten, aber IE-Benutzer ihre eigenen Stylesheets erhalten, um es zu überschreiben.
Ich benutze schon seit einiger Zeit Andy Clarkes wundervolles IE6-Stylesheet. Aber ich habe festgestellt, dass es anscheinend nicht funktioniert, wenn es von googlecode.com verlinkt wird. Nur wenn ich es lokal verlinke, funktioniert es. Zumindest auf dem XP-Laptop, den ich mit IE6 aufbewahre.
Haben andere dasselbe Problem festgestellt?
Chris, was ist mit der Verwendung von Downlevel-Revealed Conditional Comments? (http://msdn.microsoft.com/en-us/library/ms537512(v=vs.85).aspx#dlrevealed)
So etwas sollte den Trick machen
Wie wäre es, die ersten beiden Link-Elemente so zu kombinieren?
<!--
Wie wäre es, die ersten beiden Link-Elemente so zu kombinieren?
<!--[if gte IE 7]><!-->
<link rel="stylesheet" type="text/css" media="screen, projection" href="REGULAR-STYLESHEET.css" />
<!--<![endif]-->
<!--[if lte IE 6]>
<link rel="stylesheet" type="text/css" media="screen, projection" href="http://universal-ie6-css.googlecode.com/files/ie6.0.3.css" />
<![endif]-->
Was für ein Mist!
Ich habe eine dumme Frage. Was wären die Vorteile, es auf meinem eigenen Server zu verwenden, anstatt auf dem Google Code-Server?
Vielen Dank im Voraus!
Kürzlich habe ich einen Grund dafür gefunden. Wenn Sie von http zu https wechseln, können nicht sichere Ressourcen (nicht https) in IE Probleme verursachen (Skripte, Bilder usw.). Ich habe eine JS-Datei von Google bezogen und leider zeigte IE die Website nur richtig an, wenn ich auf alle nicht sicheren Inhalte anzeigen klickte. Indem ich die Datei lokal hatte, vermied ich dieses traurige Durcheinander.
Außerdem exponieren Sie Ihre Website durch das Verlinken zu einem externen Skript weiter. Was passiert, wenn diese Ressource gehackt wird? Ein weiterer guter Grund, sie lokal zu haben.
Hinweis: IE sollte einfach in irgendeinem Loch in der Hölle verbrennen…
Kürzlich habe ich einen Grund dafür gefunden. Wenn Sie von http zu https wechseln, können nicht sichere Ressourcen (nicht https) in IE Probleme verursachen (Skripte, Bilder usw.). Ich habe eine JS-Datei von Google bezogen und leider zeigte IE die Website nur richtig an, wenn ich auf alle nicht sicheren Inhalte anzeigen klickte. Indem ich die Datei lokal hatte, vermied ich dieses traurige Durcheinander.