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 implementieren Sie Eingabe-Checkboxen zur Erweiterung der Klickreichweite

XML/HTML-CodeInhalt in die Zwischenablage kopiere...

Linux Yum-Paketverwaltungsmethode

Einführung yum (Yellow dog Updater, Modified) ist...

So richten Sie Textfelder in mehreren Formularen in HTML aus

Der Formularcode ist wie in der Abbildung dargest...

MySQL-Transaktions-Tutorial Yii2.0 Händler-Auszahlungsfunktion

Vorwort Ich bin ein PHP-Programmierer, der als Pr...

So verwenden Sie Webpack und Rollup zum Verpacken von Komponentenbibliotheken

Vorwort Ich habe zuvor eine Komponente im Ladesti...

Über das WeChat Mini-Programm zur Implementierung von Cloud-Zahlungen

Inhaltsverzeichnis 1. Einleitung 2. Gedankenanaly...

Beispielcode zur Implementierung eines zufälligen Roll Callers in HTML

Nachdem dieses Namensaufrufgerät mit dem Aufruf d...

Zusammenfassung von 28 gängigen JavaScript-String-Methoden und Verwendungstipps

Inhaltsverzeichnis Vorwort 1. Ermitteln Sie die L...