Bedeutung der Hintergrundfarbdeklaration beim Schreiben von Stilen
Wie der Titel schon sagt, kann andernfalls bei einer Überarbeitung der Seite folgende Situation eintreten: Ich arbeite derzeit an einem Überarbeitungsprojekt, um die alte Seite zu überarbeiten. Dabei wird auch der weiße Seitenhintergrund in Hellgrau geändert. Nach der Änderung trat die oben beschriebene Situation auf. Da im obigen Modul die standardmäßige Hintergrundfarbe transparent verwendet wird und die Hintergrundfarbe des Textkörpers vorher #FFF war, entspricht der Anzeigeeffekt der Designabsicht. Aber wenn diesmal die Hintergrundfarbe des Textkörpers geändert wird, ist die Anzeige falsch. (Das Bild ist vielleicht nicht allzu offensichtlich: Im Bild sind mit Ausnahme der Zeile „Noch kein Datensatz“ und der Beschriftung „Kartennummer“ die anderen Stellen hellgrau. Der weiße Hintergrund liegt daran, dass die entsprechende Beschriftung die angegebene Hintergrundfarbe anzeigt.) Zusammenfassend lässt sich sagen, dass Sie beim Schreiben von Stilen in Zukunft den Hintergrund des Elements explizit deklarieren müssen, einschließlich der Festlegung des Hintergrundbilds und der Angabe einer ähnlichen Hintergrundfarbe als Fallback. Es ist auch am besten, die Vordergrundfarbe anzugeben. Natürlich müssen Sie sie nicht einmal für jedes Element festlegen. Elemente desselben Stils im selben Modul müssen nur einmal im Modulcontainer deklariert werden. |
>>: Beispiel, wie man einen Div-Hintergrund transparent macht
Artikel empfehlen
Vue verwendet Canvas, um den Bildkomprimierungs-Upload zu realisieren
In diesem Artikel wird der spezifische Code von V...
Detaillierte Erläuterung der Hinweise zum Flex- und Positionskompatibilitäts-Mining
Heute hatte ich etwas Freizeit, um eine Website f...
Was ist Nginx-Lastausgleich und wie wird er konfiguriert?
Was ist Lastenausgleich? Der Lastausgleich wird h...
Detaillierte Erklärung einiger häufig verwendeter Schriftgrößen, Schrifteinheiten und Zeilenhöhen in CSS
px (Pixel) Ich glaube, jeder ist mit dem Begriff ...
Grundlegende Hinweise zu HTML (empfohlen)
1. Grundstruktur der Webseite: XML/HTML-CodeInhal...
Detaillierte Erläuterung der Js-Klassenkonstruktion und Vererbungsfälle
Die Definition und Vererbung von Klassen in JS si...
Grafisches Tutorial zur Deinstallation und Installation von MySQL unter Linux
Dies ist mein erster Blog. Ich bin seit zwei Jahr...
Tutorial zum Erstellen eines FTP-Servers in Ubuntu 16.04
Ubuntu 16.04 baut FTP-Server FTP installieren FTP...
jQuery implementiert einen prozentualen Fortschrittsbalken
In diesem Artikel wird der spezifische Code von j...
Detaillierte Erklärung der Lösung des Problems des Zusammenführens von Zeilen und Spalten in Tabellen in HTML
Da wir eine Website erstellen wollten, enthielt d...
Anweisungen zum Wiederherstellen von Daten nach versehentlichem Löschen einer MySQL-Datenbank
Bei täglichen Betriebs- und Wartungsarbeiten ist ...
Natives JS implementiert regelmäßige Validierung des Formulars (Senden erst nach Validierung)
Folgende Funktionen sind implementiert: 1. Benutz...
Hinweise zu den Formularkomponenten des Elements
Elementform und Codeanzeige Weitere Einzelheiten ...
Analyse und Lösung des abnormalen Problems beim Laden von JAR in Tomcat
Beschreibung des Phänomens: Das Projekt verwendet...
Lösung für das Problem, dass Navicat keine Remoteverbindung zum MySql-Server herstellen kann
Die Lösung für das Problem, dass Navicat keine Re...