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 */

Verwendung des Linux-Stat-Befehls

Artikel

Unterschiede im Stundentrennzeichen zwischen Browsern

Beispielanalyse der Verwendung der Selbstinkrementierung von MySQL-Nichtprimärschlüsseln

Detaillierte Installation und Konfiguration von hadoop2.7.2 unter Ubuntu15.10

Beispielcode zum Konfigurieren von Nginx zur Unterstützung von https

Zusammenfassung von 3 Möglichkeiten zum verzögerten Laden eines Vue-Routers

Detaillierte Erläuterung zum Upgrade von Python und zur Installation von Pip unter Linux

Detaillierte Erklärung der allgemeinen Verwendung von Pseudoklassen vor und nach in CSS3

Verwendung des Linux-Stat-Befehls

Detaillierte Erläuterung der Fallstricke von DTS, die durch die Zeitstempel- und Datums-/Uhrzeitzonenprobleme in MySQL verursacht werden

Ändern Sie die Startzeit von Grub in Ubuntu

Unterschiede zwischen den Windows Server-Systemversionen win2003, win2008R2, win2012, win2016 und win2019

Artikel empfehlen

Details zum JavaScript-Prototyp

Lösung für das Datenasymmetrieproblem zwischen MySQL und Elasticsearch

Grafisches Tutorial zur Installation und Konfiguration von MySQL 8.0.15 (Windows 10 x64)

Beispiele für die Verwendung von „Provide“ und „Inject“ in Vue2.0/3.0

Lösen Sie schnell das Problem der weißen Lücke (Flash-Bildschirm), wenn CSS @keyframes verwendet, um Bilder für den ersten Zyklus zu laden

IDEA verwendet das Docker-Plugin (Tutorial für Anfänger)

Zusammenfassung der Verwendung von clipboard.js

Detaillierte Erläuterung der bidirektionalen Bindung von Vue

Detaillierte Erläuterung verschiedener Möglichkeiten zum Abrufen der PID (TID, LWP) von Linux-Threads

So konfigurieren Sie einfach mehrere Server in Nginx

Implementierungscode für die Schiebeschalterfunktion der Registerkarte „Links“ und „Rechts“ des WeChat-Applet

Detaillierte Erläuterung der Hinweise zum Flex- und Positionskompatibilitäts-Mining

Detaillierte Diskussion der Unterschiede zwischen Schleifen in JavaScript

Docker-Einstellung für den Windows-Speicherpfadvorgang

Linux-Grundlagen-Tutorial: Sonderberechtigungen SUID, SGID und SBIT