WebDev.wiki > CSS > CSS vlastnosti a hodnoty > opacity

opacity

Definice a použití

CSS vlastnost opacity definuje míru průhlednosti daného prvku či elementu.

CSS syntaxe

opacity: opacity;

Hodnoty vstupů	Popis
opacity	definuje míru průhlednosti daného prvku

Míra neprůhlednosti prvku či elementu se udává jako číslo mezi 0.0 až 1.0, kde 0 ukazuje prvek jako zcela průhledný (neviditelný) a 1 ukazuje prvek jako zcela zobrazený.

Takže například 50% průhlednosti elemntu dosáhneme pomocí 0.5

Ukázka:

CSS

/* Obrázky na stránce budou zobrazeny s 50% průhledností */
img {
   opacity: 0.5;
}

/* Obrázky na stránce budou zobrazeny s 50% průhledností, bude fungovat i pod IE8 a starší */
img {
   opacity: 0.5;
   filter: alpha(opacity=50);
}

Použité vlastnosti: opacity

Tip1 V prohlížeči Internet Explorer 8 a starší se stejné vlastnosti dá dosáhnout pomocí nestandardní vlastnosti filter s parametrem alpha.

Podpora webových prohlížečů

Firefoxano

Internet Explorerano

Google Chromeano

Safariano

Operaano