Beschreibung des hr-Tags in verschiedenen Browsern

Beschreibung des hr-Tags in verschiedenen Browsern
Im Allgemeinen treffen wir die Personalabteilung nur selten, aber wenn es soweit ist, kann dies über Leben und Tod entscheiden. Dasselbe gilt für HTML. Wir sehen <hr /> nicht sehr oft, aber wenn wir es sehen, bestimmt es normalerweise, ob wir einen perfekten Teiler haben können. Ich werde hier keine Bilder anhängen, sondern sie nur als Referenz auflisten:
Normaler Browser IE6, 7 Feuerfuchs
Tatsächliche Höhe Höhe + Rahmen-rechts-Breite + Rahmen-links-Breite Höhe Höhe
Hintergrundfarbe Hintergrundfarbe Hintergrund + Farbe (wenn die Höhe <2 Pixel beträgt, wird die Höhe als graue Projektion angezeigt und die Farbe muss festgelegt werden, genau wie beim Text) Hintergrundfarbe

Wenn Sie beispielsweise eine Trennlinie mit einer tatsächlichen Höhe von 3 Pixeln, vier Seiten von 1 Pixeln, einer Rahmenfarbe von #07f und anderen Teilen der Farbe #f60 erstellen möchten, wissen Sie:

Code kopieren
Der Code lautet wie folgt:

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

Gibt es andere, weniger aufwändige Lösungen?

<<:  Detaillierte Erläuterung der Position der CSS-Sticky-Positionierung: Sticky-Problemgrube

>>:  Perfekte Lösung für das Zeitzonenproblem des Docker Alpine-Image

Artikel empfehlen

Zusammenfassung der Verwendung von MySQL Online DDL gh-ost

Hintergrund: Als DBA werden die meisten DDL-Änder...

vue3.0 + echarts realisiert dreidimensionales Säulendiagramm

Vorwort: Vue3.0 implementiert dreidimensionales S...

Grafisches Tutorial zur Konfigurationsmethode für die kostenlose Installationsversion von MySQL 8.0.21

Sechs Schritte zur Installation von MySQL (nur da...

Lösen Sie das Problem der VScode-Konfiguration durch Remote-Debugging des Linux-Programms

Werfen wir einen Blick auf das Problem des VScode...

Detaillierte Erklärung, wie Sie den Speicherort der Nginx-Konfigurationsdatei finden

Wie lässt sich bei einem unbekannten Server oder ...

So verwenden Sie die Firewall-Iptables-Strategie zum Weiterleiten von Ports auf Linux-Servern

Weiterleitung zwischen zwei verschiedenen Servern...

Warum verwendet der MySQL-Datenbankindex den B+-Baum?

Bevor wir weiter analysieren, warum der MySQL-Dat...

Vue3 (V) Details zur Integration der HTTP-Bibliothek axios

Inhaltsverzeichnis 1. Installieren Sie axios 2. V...

Detaillierte Erklärung der Javascript-Grundlagenschleife

Inhaltsverzeichnis Zyklus für für-in für-von währ...

Details zur Reihenfolge, in der MySQL my.cnf liest

Inhaltsverzeichnis Die Reihenfolge, in der MySQL ...

Detaillierte Erläuterung der FTP-Umgebungskonfigurationslösung (vsftpd)

1. Installieren Sie die vsftpd-Komponente Install...

Detaillierte Erklärung der Truncate-Verwendung in MySQL

Vorwort: Wenn wir eine Tabelle löschen möchten, v...

Warum node.js nicht für große Projekte geeignet ist

Inhaltsverzeichnis Vorwort 1. Anwendungskomponent...

Details zur Ereignisbindung reagieren

Inhaltsverzeichnis Ereignisbindung von Klassenkom...

Postman-Datenverschlüsselung und -entschlüsselung zur Implementierung der Simulationsanforderung der APP-Anmeldeschnittstelle

Inhaltsverzeichnis Hauptsächlich verwendete Postm...