Problem z Css

Question

Cześć, tworzę stronę i natknąłem się na taki problem. Stworzyłem fajne tło, ale nie wyświetla się w przeglądarce SAFARI. Czy ktoś wie w czym jest problem? 

    background:linear-gradient(to bottom, red,pink,orange ); 
    background:-webkit-linear-gradient(to bottom, red,pink,orange ); 
    background:linear-gradient(to bottom, red,pink,orange ); 
    background: -o-linear-gradient(to bottom, red,pink,orange ); 
    background:-moz-linear-gradient(to bottom, red,pink,orange ); 

 

Answer 1

Powinno działać normalnie. Na w3schools.com jest tabelka co dla jakich wersji, może w tym leży problem.

background: -webkit-linear-gradient(red, blue); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(red, blue); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(red, blue); /* For Firefox 3.6 to 15 */
background: linear-gradient(red, blue); /* Standard syntax */

Btw, masz dwa razy to samo w 1 i 3 linijce.

Możesz też spróbować napisać background-image zamiast background.

Comments

W3schools? Poważnie?

Odsyłam tu:
https://forum.pasja-informatyki.pl/34559/w3schools-nie-szerzmy-falszywej-propagandy?show=34559#q34559

Poczytaj sobie :)

Answer 2

Pobierz sobie do przeglądarki wtyczke o nazwie ColorZilla w niej masz gradient generator w którym ustawiasz gradient, kopiujesz kod i wstawiasz do swojego CSS. Wtyczka ma też wiele więcej opcji, jak ci się np. spodoba kolor na jakiejś stronie to kroplomierzem możesz skopiować kod tego koloru i wstawić na swoją stronę. Ogólnie polecam bo ułatwia pracę :)

A tu link do samego generatora :) http://www.colorzilla.com/gradient-editor/