Als u de dekking van een achtergrondafbeelding in CSS instelt, gebruikt u de eigenschap achtergrondafbeelding samen met de dekkingseigenschap. Door de dekking aan te passen, regelt u de transparantie van de achtergrondafbeelding, waardoor elementen erachter gedeeltelijk zichtbaar worden, waardoor een visueel gelaagd effect ontstaat.
We gebruiken de volgende benaderingen om de dekking van de achtergrondafbeelding in CSS in te stellen:
Inhoudsopgave
js-vervanging
1. De dekkingseigenschap gebruiken
De Dekkingseigenschap in CSS stelt het transparantieniveau van een element en de inhoud ervan in. Het accepteren van waarden tussen 0 (volledig transparant) en 1 (volledig ondoorzichtig) heeft invloed op het hele element, inclusief de onderliggende elementen, waardoor het een eenvoudige en effectieve manier is om de transparantie in webontwerp te controleren.
Syntaxis:
div { opacity: 0.5; }> Voorbeeld: De eigenschap dekking in de CSS-stijl van de klasse .element is ingesteld op 0,3, waardoor de achtergrondafbeelding semi-transparant wordt. Hiermee wordt de zichtbaarheid van de achtergrond aangepast, terwijl de leesbaarheid van de tekst behouden blijft.
HTML
> <>html> lang>=>'en'>>> ><>head>>> ><>meta> charset>=>'UTF-8'>>> ><>meta> name>=>'viewport'> content>=>'width=device-width, initial-scale=1.0'>>> ><>title>>Dekking van achtergrondafbeeldingstitel> |