Temat: radial gradient background w IE

Cześć

potrzebuje kawałka kodu który wygeneruje mi gradient radialny jako tło i co najważniejsze obsługiwanego przez IE i (przydałoby się) resztę przeglądarek.

Z góry dziękuje.
Marek Stępień

Marek Stępień JavaScript
developer, front-end
engineer.

Temat: radial gradient background w IE

W chwili obecnej nie ma standardowych własności CSS pozwalających na generowanie takich rzeczy jak gradienty.

Pozostają obrazki lub rozwiązania niestandardowe:

Dla dobrych przeglądarek:
a) w miarę nowe Gecko (Firefox, SeaMonkey, inne)
-moz-radial-gradient z odpowiednimi parametrami.

https://developer.mozilla.org/en/CSS/-moz-radial-gradient

b) w miarę nowe WebKity (Safari, Chrome)
-webkit-gradient(radial, ...) z odpowiednimi parametrami.
http://developer.apple.com/library/safari/#documentati...

c) Opera
- brak, użyj obrazka.

Dla złej przeglądarki - filtry.
http://msdn.microsoft.com/en-us/library/ms532997%28VS....

Konkretny kod zależy od konkretnych parametrów, jakie ten gradient ma mieć.

Składnia używana przez Gecko jest najbardziej sensowna i najbliższa temu, co najprawdopodobniej będzie w specyfikacji CSS 3 (bez prefiksu "-moz-").

Rozwiązanie: użyć wszystkich trzech + obrazek dla Opery + wersja bez prefiksu.

Albo oszczędzić sobie pracy i komplikacji w kodzie i przez najbliższych parę lat pozostać przy obrazkach. ;)

Temat: radial gradient background w IE

Dziękuję:)

Następna dyskusja:

background-color tylko w fi...




Wyślij zaproszenie do