CSS-Prüfung für Chrome, IE, Firefox

8

Ich habe ein kleines Ausrichtungsproblem in den drei Hauptbrowsern beim Rendern meiner Website bemerkt. Wie kann ich den folgenden Pseudocode mit reinem CSS ausführen?

%Vor%     
hankh 17.05.2010, 02:31
quelle

3 Antworten

1

Sie können einen CSS-Hack verwenden.

Allerdings würde ich es nicht empfehlen.

Für IE können Sie eine separate CSS-Datei oder das <style> -Tag in einen bedingten Kommentar einfügen , so:

%Vor%     
SLaks 17.05.2010 02:45
quelle
1

Wenn es nur eine Eigenschaft ist, benötigen Sie keine bedingten Kommentare für die Aufnahme anderer Dateien. Aber wenn du es so willst, mach es wie SLaks schon geschrieben hat. Ein anderer Ansatz besteht darin, eine Eigenschaft am Ende Ihrer spezifischen Klasse mit einem browserspezifischen Hack zu ergänzen.

%Vor%

Oder Sie trennen Ihre Klassen und fügen unter Ihrer allgemeinen Klasse eine Browser-spezifische Klasse hinzu.

%Vor%     
ChrisBenyamin 17.05.2010 07:56
quelle
0

Das kannst du nicht mit reinem CSS machen. Der beste Weg dazu wäre die Verwendung von serverseitigem Code wie ASP.NET oder PHP, um den Header "user-agent" der HTTP-Anfrage zu lesen und zu bestimmen, welchen Browser Ihre Besucher verwenden, indem sie nach Schlüsselwörtern in dieser Zeichenfolge suchen. Mein Benutzeragent ist beispielsweise:

Mozilla/5.0 (Windows; U; Windows NT 6.1; en-US; rv:1.9.2.3) Gecko/20100401 Firefox/3.6.3

Sie können eine Sammlung von if-else-Anweisungen erstellen, die im User-Agent nach Zeichenfolgen wie "Firefox" oder "MSIE" oder "WebKit" suchen und dann je nach Browser unterschiedliche individuelle CSS-Dateien bereitstellen verwendet.

Sie könnten dasselbe mit JavaScript tun, aber denken Sie daran, dass Benutzer JavaScript deaktiviert haben, oder wahrscheinlicher, dass ihr Gerät es nicht unterstützt ... wohingegen praktisch jede HTTP-Anfrage eine User-Agent-Zeichenfolge sendet.

    
Jake Petroules 23.05.2010 21:49
quelle

Tags und Links