Css opacitás, példák

CSS opacitás tulajdonság felelős elemei átláthatóságának (képek, szöveg blokk) a html.

CSS szintaxis fényelnyelés

Ahol érték, hogy valós értékeket tartományban 0,0-1,0. Ha az érték 1,0 - azt jelenti, hogy nincs átláthatóság (ez az alapértelmezett).

Példák: az átláthatóság html

Példa №1. Átlátszó kép html

Az első kép megjelenik átláthatóság nélkül, a második a átláthatóság 0,5

Az oldalon alakítjuk a következő

Css opacitás, példák
Css opacitás, példák

Példa №2. Effects átláthatósága html

Alapérték részben átlátszó blokk. egység világosabb lesz, ha az egérmutató. Ezek a hatások gyakran használják a tervezés weboldalak.

Az oldalon alakítjuk a következő

Css opacitás, példák

Példa №3. Átlátszó blokk a kép a html

Az alábbiakban egy példa egy áttetsző blokk, amely részben zárt kép. Blokk kifejezetten a kép nem teljesen annak bizonyítása érdekében, hogy néz ki egy üres háttér.

Az oldalon alakítjuk a következő

Css opacitás, példák

megjegyzés
Az Internet Explorer 9.0 és változtatni az átláthatóság használja szűrők a böngészőben kell írni filter: alpha (fényelnyelés = 50), ahol a homály paraméter értéke lehet 0-100.

Kapcsolódó cikkek