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

Detaillierte Erklärung der MySQL-Datenbank-Trigger

Inhaltsverzeichnis 1 Einleitung 2 Trigger-Einführ...

jQuery realisiert den Gleiteffekt des Dropdown-Menüs

Wenn wir eine Webseite erstellen, möchten wir man...

Syntax-Alias-Problem basierend auf Löschen in MySQL

Inhaltsverzeichnis MySQL-Löschsyntax-Aliasproblem...

Beim Website-Design sollte auf die Farbhierarchie geachtet werden

Ich habe kürzlich gesagt, dass Design ein Gefühl d...

Implementierung der MySQL-Datentypkonvertierung

1. Problem Es gibt eine Tabelle wie unten gezeigt...

Eine vorläufige Studie zu JSBridge in Javascript

Inhaltsverzeichnis Der Ursprung von JSBridge Das ...

Beispiele für MySQL-Batch-Hinzufügungs- und Speichermethoden

Beim Anmelden am Stresstest sind viele verschiede...

Implementierung eines schwebenden Werbestreifens in HTML und CSS

1.html Teil Code kopieren Der Code lautet wie folg...

MySQL 5.7.21 Installations- und Konfigurations-Tutorial

Die einfache Installationskonfiguration von mysql...

Eine einfache Implementierungsmethode für eine digitale LED-Uhr in CSS3

Das dürfte etwas sein, was viele Leute gemacht ha...

CSS zum Erzielen eines Beispielcodes für eine Bildlaufleiste

Auf manchen Websites sieht man oft Bilder, die ko...