Nastavení neprůhlednosti obrázku na pozadí v CSS zahrnuje použití vlastnost obrázku na pozadí spolu s vlastností opacity. Úpravou krytí ovládáte průhlednost obrázku na pozadí, což umožňuje prvkům za ním částečně prosvítat a vytvářet vizuálně vrstvený efekt.
K nastavení neprůhlednosti obrázku na pozadí v CSS používáme následující přístupy:
Obsah
diana ankudinová
1. Použití vlastnosti Opacity
The Neprůhlednost Vlastnost v CSS nastavuje úroveň průhlednosti prvku a jeho obsahu. Přijetí hodnot mezi 0 (plně průhledné) a 1 (plně neprůhledné) ovlivní celý prvek, včetně jeho potomků, což z něj činí jednoduchý a efektivní způsob kontroly průhlednosti ve webovém designu.
Syntax:
div { opacity: 0.5; }> Příklad: Vlastnost opacity ve stylu CSS třídy .element je nastavena na 0,3, díky čemuž je obrázek na pozadí poloprůhledný. Tím se upraví viditelnost pozadí při zachování čitelnosti textu.
HTML
> <>html> lang>=>'en'>>> ><>head>>> ><>meta> charset>=>'UTF-8'>>> ><>meta> name>=>'viewport'> content>=>'width=device-width, initial-scale=1.0'>>> ><>title>>Neprůhlednost pozadí Imagetitle> |