[css3] Problem z background (linear gradient)

0

Witam,
chcę zrobić tło gradient: szare od góry, do białego, a później znowu stopniowy gradient, do wysokości 760px i wszystko ładnie, pięknie, tylko, później zamiast stałego tła w kolorze rgb:222,222,222, to powtarza mi znowu ten sam gradient w pionie, a ja chciałbym mieć już później stały kolor. Używam takiej konstrukcji:

body { 
background: #fff linear-gradient(top, rgba(225,225,225,1), rgba(225,225,225,0) 245px, rgba(222,222,222,0) 405px, rgba(222,222,222,1) 760px);
}

Proszę o pomoc.
Pozdrawiam, Bartek

0

Daj na koniec 100% z tym stałym kolorem.

0

Zmieniłem na:
background: #fff linear-gradient(top, rgba(225,225,225,1), rgba(225,225,225,0) 245px, rgba(222,222,222,0) 405px, rgba(222,222,222,1) 760px, rgba(222,222,222,1) 100%);
Niestety nadal to samo....

Edit:
Zlokalizowałem przyczynę:

html {
height: 100%;
}

Dlaczego tak się dzieje?

0

Bo CSS3 jest jeszcze głupi. Btw. na przyszłość używaj generatorów :) Prefiksy jeszcze chyba istnieją itd.
Nie raz muszę dopisywać coś co nie ma sensu by coś innego zadziałało. Dziwne, pewnie dokument domyślnie nie ma 100% i CSS szaleje zapewne zapętlając gradient ile może. Ograniczając 100% już nie ma takiej swobody. Cholera wie, ktoś od CSS by się przydał.
Zamiast "html" nie lepiej "body"?

0

Ja używam http://www.colorzilla.com/gradient-editor/

może nie najbłyskotliwszy - ale kod najlpełniejszy - a to ważne.

0

Zamiast gradientu liniowego dobrze jest wykorzystać obrazek o szerokości 1px - wtedy masz pewność, że poprawnie się wyświetli na wszystkim.

1 użytkowników online, w tym zalogowanych: 0, gości: 1, botów: 0