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
Detaillierte Erklärung, wie MySQL (InnoDB) mit Deadlocks umgeht
1. Was ist ein Deadlock? Die offizielle Definitio...
So trennen Sie statischen und dynamischen Status durch die Kombination von Apache und Tomcat
Experimentelle Umgebung Apache und Tomcat sind be...
Grafisches Tutorial zur Installation der MySQL 8.0.12-Dekomprimierungsversion unter Windows 10
Dieser Artikel zeichnet das Installations-Grafik-...
Analyse des MySQL-Warnprotokolls zu abgebrochenen Verbindungen
Vorwort: Manchmal wird die mit MySQL verbundene S...
Spezifische Verwendung von Nginx Keepalive
Der Standardanforderungsheader des http1.1-Protok...
Referenzieren Sie SVG-Bilder in CSS, um den Implementierungscode für dynamische Farbumschaltung zu unterstützen
Wenn wir ein SVG-Bild zur Anzeige hinzufügen, erh...
So laden Sie Flash in HTML (2 Implementierungsmethoden)
Erste Methode : CSS Code: Code kopieren Der Code l...
Neuer Ansatz zum Umschalten der Tab-Leiste mit zwei Auswahlmöglichkeiten in Vue
Problembeschreibung Wenn wir an einem Projekt arb...
Vue verwendet MockJS, um simulierte Datenfalldetails zu generieren
Inhaltsverzeichnis Installieren Sie Mockjs in Ihr...
Problem mit der V-HTML-Rendering-Komponente
Da ich bereits HTML analysiert habe, möchte ich h...
Lösen Sie das Problem beim Einrichten des chinesischen Sprachpakets für den Docker-Container
Wenn Sie Docker verwenden, suchen Sie in Docker n...
So führen Sie SQL-Anweisungen automatisch aus, wenn MySQL in Docker gestartet wird
Wenn wir mit Docker einen MySQL-Container erstell...
Detaillierte Erklärung des Unterschieds und der Anwendung von CSS3-Filtern: Schlagschattenfilter und Box-Shadow
Um mit Standard-CSS3 den Schatteneffekt eines Ele...
Unterschiede zwischen MySQL CHAR und VARCHAR beim Speichern und Lesen
Einführung Kennen Sie wirklich den Unterschied zw...
Führen Sie die Schritte zum Konfigurieren der grundlegenden Benutzerauthentifizierung auf Nginx-Ebene aus.
Vorwort Anwendungsszenario: Wahrscheinlich muss d...