Jak nastavit neprůhlednost obrázku na pozadí v CSS?
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
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> |