Ustawienie przezroczystości obrazu tła w CSS wymaga użycia właściwość obrazu tła wraz z właściwością opacity. Dostosowując krycie, kontrolujesz przezroczystość obrazu tła, umożliwiając częściowe prześwitywanie elementów znajdujących się za nim, tworząc wizualnie efekt warstwowy.
Stosujemy następujące podejścia do ustawiania przezroczystości obrazu tła w CSS:
Spis treści
git pull master pochodzenia
1. Korzystanie z właściwości krycia
The Właściwość krycia w CSS ustawia poziom przezroczystości elementu i jego zawartości. Akceptowanie wartości od 0 (całkowicie przezroczysty) do 1 (całkowicie nieprzezroczysty) wpływa na cały element, w tym na jego elementy potomne, dzięki czemu jest to prosty i skuteczny sposób kontrolowania przezroczystości w projektowaniu stron internetowych.
Składnia:
div { opacity: 0.5; }> Przykład: Właściwość opacity w stylu CSS klasy .element jest ustawiona na 0,3, dzięki czemu obraz tła jest półprzezroczysty. Dostosowuje to widoczność tła przy jednoczesnym zachowaniu czytelności tekstu.
HTML
> <>html> lang>=>'en'>>> ><>head>>> ><>meta> charset>=>'UTF-8'>>> ><>meta> name>=>'viewport'> content>=>'width=device-width, initial-scale=1.0'>>> ><>title>>Nieprzezroczystość tytułu obrazu tła> |