Home Notatki Definicje Ćwiczenia Linki

Kurs CSS3

Przeźroczystość

linki

Notatki

obia div-y poniżej nie różnią się praktycznie niczym poza tym, że w jednym skorzystaliśmy z tagu opacity a w drugim wybierając kotor tła skorzytaliśmy z rgba ustawiając parametr aplha

Ćwiczenie

Tutaj używamy opacity

Opacity

Tutaj użyliśmy tagu opacity i może tago nie widać, ale przeźroczyste jest nie tylko div ale również wszystkie dzieci (czyli nagłówki pargrafy, wszystko, wszystko)
Ten div pokazuje, że jeśli ustawimy opacity dziecka na 1 (czyli nieprzeźroczyste) to i tak przeźroczystość będize odziedziczona.

Alpha

tutaj użyjemy prtagu rgba, czyl ustawimy kolor poszczególnych elementów i każdy z nich będzie miał ustawioną przeźroczystość osobno. Bez dziedziczenia.

Ten div pokazuje, że jeśli ustawimy opacity dziecka nieprzeźroczyste to div nie odziedziczy przeźroczystości, tylko będzie miał swoją.