Das Festlegen der Deckkraft eines Hintergrundbilds in CSS erfordert die Verwendung von Hintergrundbild-Eigenschaft zusammen mit der Opazitätseigenschaft. Durch Anpassen der Deckkraft steuern Sie die Transparenz des Hintergrundbilds, sodass dahinter liegende Elemente teilweise durchscheinen können, wodurch ein visuell vielschichtiger Effekt entsteht.
Wir verwenden die folgenden Ansätze, um die Deckkraft des Hintergrundbilds in CSS festzulegen:
Inhaltsverzeichnis
Python rstrip
1. Verwenden der Opazitätseigenschaft
Der Opazitätseigenschaft in CSS legt die Transparenzstufe eines Elements und seines Inhalts fest. Das Akzeptieren von Werten zwischen 0 (vollständig transparent) und 1 (vollständig undurchsichtig) wirkt sich auf das gesamte Element, einschließlich seiner untergeordneten Elemente, aus und ist somit eine einfache und effektive Möglichkeit, die Transparenz im Webdesign zu steuern.
Syntax:
div { opacity: 0.5; }> Beispiel: Die opacity-Eigenschaft im CSS-Stil der .element-Klasse ist auf 0,3 gesetzt, wodurch das Hintergrundbild halbtransparent wird. Dadurch wird die Sichtbarkeit des Hintergrunds angepasst, während die Lesbarkeit des Textes erhalten bleibt.
HTML
> <>html> lang>=>'en'>>> ><>head>>> ><>meta> charset>=>'UTF-8'>>> ><>meta> name>=>'viewport'> content>=>'width=device-width, initial-scale=1.0'>>> ><>title>>Deckkraft des Hintergrundbildstitle> |