konto usunięte

Temat: Dziedziczenie opacity

Witam

Z tego co wyczytałem nie da się zrobić nieprzeźroczystych elementów w przeźroczystym DIV a jedyną sztuczką jest zastosowanie pliku PNG z kanałem alpha jako tła. Co prawda mógłbym przekombinować i poskładać całość za pomocą position i z-index ale jest to problematyczne z faktu iż interfejs jest animowany za pomocą Javascript. Więc wolę się najpierw spytać specjalistów czy na pewno nie ma jakiejś innej sztuczki z CSS?Dawid Zając edytował(a) ten post dnia 29.11.12 o godzinie 14:44

konto usunięte

Temat: Dziedziczenie opacity

Np background-color: rgba() ?

konto usunięte

Temat: Dziedziczenie opacity

Rafał Krupiński:
Np background-color: rgba() ?

Pytanie na ile suportujesz IE ale fallback jest po prostu do pelnego koloru, wiec akceptowalne.

konto usunięte

Temat: Dziedziczenie opacity

Dla IE ewentualnie


filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#XXYYYYYY,endColorstr=#XXYYYYYY)


gdzie XX to opacity a YYYYYY hex koloru

konto usunięte

Temat: Dziedziczenie opacity

Sztuczkami można :)

http://css-tricks.com/non-transparent-elements-inside-...

Pozdrawiam

konto usunięte

Temat: Dziedziczenie opacity

Faktycznie nie określiłem na jakie przeglądarki, tak więc interesuje mnie jedynie Mozilla, Chrome i co nowsze telefony. Ale to pierwsze rozwiązanie mnie zadowala
Dariusz Sikorski

Dariusz Sikorski Front-End Web
Developer, Ux/Ui
Designer

Temat: Dziedziczenie opacity

Tak jak polecał Rafał Krupiński - RGB Alpha, albo rozwiązanie z obrazkami - jeśli zależy Ci na supporcie starszych dziadków, to warto poświęcić te 20 minut i zrobić 20 poziomów przezroczystości białego i 20 poziomów czarnego jako osobne pliki - czyli tak jak zaproponowane było na samym początku - obrazkowo, skok przezroczystości powiedzmy co 5%... ostatecznie taki folder może się przydać w przyszłości, jeśli nadal RGBA nie będzie zadowalającym rozwiązaniem.Dariusz Sikorski edytował(a) ten post dnia 29.11.12 o godzinie 21:51

Następna dyskusja:

dziedziczenie ul z innego d...




Wyślij zaproszenie do