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 verweisen Sie auf jQuery in einer Webseite

Die Referenzierung ist über CDN (Content Delivery ...

Details zum JavaScript-Prototyp

Inhaltsverzeichnis 1. Übersicht 1.1 Was ist ein P...

Wissen Sie, warum Vue-Daten eine Funktion sind?

Erklärung auf der offiziellen Website: Wenn eine ...

So führen Sie mehrere MySQL-Instanzen unter Windows aus

Vorwort Unter Windows können Sie mehrere MySQL-In...

Vue implementiert die Seiten-Caching-Funktion

In diesem Artikelbeispiel wird der spezifische Co...

So verwenden Sie griechische Buchstaben in HTML-Seiten

Griechische Buchstaben sind eine sehr häufig verw...

Einfaches Beispiel für die Leistungsoptimierung von MySQL-SQL-Anweisungen

Einfaches Beispiel für die Leistungsoptimierung v...

Der Kernprozess der NodeJS-Verarbeitung einer TCP-Verbindung

Vor ein paar Tagen habe ich mit einem Freund etwa...

So erhalten/berechnen Sie den Offset eines Seitenelements mit JavaScript

Frage Durch Klicken auf ein Steuerelement wird ei...

Grafisches Tutorial zur Installation und Konfiguration von MySQL 5.7

In diesem Tutorial erfahren Sie alles über die In...