Bedeutung der Hintergrundfarbdeklaration beim Schreiben von Stilen

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.

<<:  Uniapp verwendet Baidu Voice, um die Funktion zum Konvertieren von Aufnahmen in Text zu realisieren

>>:  Beispiel, wie man einen Div-Hintergrund transparent macht

Artikel empfehlen

mysql 5.7.5 m15 winx64.zip Installations-Tutorial

So installieren und konfigurieren Sie mysql-5.7.5...

Abkürzung für HTML DOCTYPE

Wenn Ihr DOCTYPE wie folgt ist: Code kopieren Der ...

Eine kurze Einführung in den allgemeinen Prozess der Web-Frontend-Webentwicklung

Ich sehe viele Anfänger in der Front-End-Entwicklu...

HTML-Subtag und Sup-Tag

Heute stelle ich zwei HTML-Tags vor, die ich nich...

Lösung für vergessenes Linux MySQL-Root-Passwort

Wenn Sie sich bei der Verwendung der MySQL-Datenb...

Detailliertes Tutorial zum Herunterladen und Installieren von VMware Workstation

Virtuelle Maschinen sind eine sehr praktische Tes...

Vue-Grundlagen-Tutorial: Bedingtes Rendering und Listen-Rendering

Inhaltsverzeichnis Vorwort 1.1 Funktion 1.2 So st...

Erfahren Sie mehr über den Ereignisplaner EVENT in MySQL

Der Ereignisplaner in MySQL, EVENT, wird auch als...

Detailliertes Tutorial zur Installation von MySQL 5.7.26 auf CentOS7.4

In CentOS ist standardmäßig MariaDB installiert, ...

Python3.6-MySql Dateipfad einfügen, die Lösung zum Entfernen des Backslashs

Wie unten dargestellt: Ersetzen Sie es einfach, w...