Unterschiede im Stundentrennzeichen zwischen Browsern

Unterschiede im Stundentrennzeichen zwischen Browsern
Beim Erstellen einer Webseite verwenden Sie manchmal eine Trennlinie hr, aber es ist sehr mühsam, sie in IE6 und IE7 anzuzeigen. In diesem Artikel erfahren Sie, wie Sie eine hr schreiben, die mit allen Browsern kompatibel ist.

Startseite Lassen Sie uns zunächst die Unterschiede zwischen hr in verschiedenen Browsern verstehen, wie in der folgenden Tabelle gezeigt:

Wenn Sie beispielsweise eine Trennlinie mit einer tatsächlichen Höhe von 3 Pixel, einem Rand von 1 Pixel, einer Randfarbe von #07f und einer Hintergrundfarbe von #f60 erstellen möchten:

Code kopieren
Der Code lautet wie folgt:

hr{
Höhe: 1px;
Hintergrundfarbe: #f60;
Rand: 1px durchgezogen #000;
*height:3px;/* für ie6 ie7 */
Farbe: #f60;/* für ie6 ie7 */
}
@-moz-document url-prefix(){ hr{height:3px;}} /* für Firefox */

<<:  Verschiedene Front-End-Druckmethoden des Webs: CSS steuert den Druckstil von Webseiten

>>:  Wie MySQL Milliarden von Datenverkehr unterstützt

Artikel empfehlen

So verwandeln Sie ein JAR-Paket in einen Docker-Container

So verwandeln Sie ein JAR-Paket in einen Docker-C...

Erfahren Sie, wie Sie Vue3 Reactivity implementieren

Inhaltsverzeichnis Vorwort Start Ein kleiner Geda...

Bereitstellung und Konfiguration des Apache-Dienstes unter Linux

Inhaltsverzeichnis 1 Die Rolle von Apache 2 Apach...

So entwerfen Sie MySQL-Statistikdatentabellen

Inhaltsverzeichnis Ist eine Echtzeitaktualisierun...

Zusammenfassung des Wissens über MySql-Speicher-Engines und Indizes

Speicher-Engine Was ist eine Datenbank-Speicher-E...

MySQL Community Server 5.7.19 Installationshandbuch (detailliert)

Link zum Download der ZIP-Datei auf der offiziell...

Zusammenfassung gängiger Fehler beim Entwurf von MySQL-Tabellen

Inhaltsverzeichnis Fehler 1: Zu viele Datenspalte...

Zusammenfassung der Erfahrungen mit der Verwendung des Div-Box-Modells

Berechnung des Boxmodells <br />Rand + Rahme...

Ein kurzer Vortrag über die parasitäre Kompositionsvererbung in JavaScript

Vererbung von Kompositionen Kombinationsvererbung...

IE6-Verzerrungsproblem

Frage: <input type="hidden" name=&qu...

Docker startet im Status „Beendet“

Nach dem Docker-Lauf ist der Status immer „Beende...

So erstellen Sie eine Tabelle in MySQL und fügen Feldkommentare hinzu

Code und Beispiele direkt posten #Schreiben Sie K...