CSS průhlednost a nastavení krytí

Možná si někdo z vás pokládal otázku, zda lze pomocí CSS zprůhlednit obrázek, nebo text. Možná už se to někomu podařilo, možná ne. My se proletíme od základů CSS transparentnosti přes moře příkladů až po využití v praxi.

Jestli jste někdy překrývali vzorek na pozadí své stránky PNG obrázkem, abyste určitou plochu ztmavili, nebo zesvětlili, dělali jste to zbytečně – CSS práci průhledných PNG obrázků zastane. Stejně jako u PNG obrázků si můžete v CSS nastavit míru průhlednosti, velikost plochy, vzorek na pozadí, obrys… Možná se nyní ptáte, proč je lepší udělat průhlednost přes CSS, než přes grafický formát PNG. Odpověď je velice jednoduchá – starší verze IE vůbec nezvládají formát PNG, bohužel.

— abych nevykrádal z cizích webů, tak odkaz na originální článek

No a kdyby to přeci jenom nefungovalo a článek nebyl dostupný, zde je jeho offline verze: css_pruhlednost_a_nastaveni_kryti