Wie Verwalten von Browser-Inkompatibilität für HTML5 und CSS3 Programmierung

Obwohl alle modernen Browser CSS3 ziemlich gut in diesen Tagen verwalten, Internet Explorer (vor allem die früheren Versionen) für die Dinge zu tun, in Nicht-Standard-Möglichkeiten bekannt. Hier sind ein paar Tricks zu helfen Ihnen bei der Unverträglichkeit umgehen.

Wie Internet Explorer-spezifischen Code zu machen

Es ist ein wenig einfacher für Sie, um zu sehen, wie bedingte Kommentare arbeiten, indem sie ein einfaches Beispiel betrachten und dann zu sehen, wie die bedingte Kommentar Trick verwenden, um CSS Inkompatibilitätsprobleme zu beheben.

Hier ist eine einfache Seite mit Firefox.

bild0.jpg

Hier wird es in IE 7 angezeigt.

image1.jpg

Werfen Sie einen Blick auf den Code für IEorNot.html und sehen, wie es funktioniert.

IEorNot.html

Ich werde jetzt einen bedingten Kommentar verwenden yourbrowser zu bestimmen. Ich lasse Sie wissen, wenn Sie IE verwenden.

  • Erstellen Sie eine neue IE-spezifischen Stil in den Kommentar.

    Der Stil in der Kommentar wird nur IE-Browser, wie beispielsweise in den folgenden Zeilen angewendet werden:

     	
  • Menü