CSS3 градиентный фон на теле не растягивается, а повторяется? - PullRequest
Новая
       45

CSS3 градиентный фон на теле не растягивается, а повторяется?

395 голосов
/ 20 мая 2010

хорошо, скажите, что содержимое внутри <body> имеет высоту 300px.

Если я установлю фон моего <body>, используя -webkit-gradient или -moz-linear-gradient

Затем я максимизирую свое окно (или просто сделаю его выше 300 пикселей), градиент будет ровно 300 пикселей (высота содержимого) и просто повторяю, чтобы заполнить остальную часть окна.

Я предполагаю, что это не ошибка, поскольку она одинакова как в webkit, так и в gecko.

Но есть ли способ сделать градиент растягивающимся, чтобы заполнить окно вместо повторения?

Ответы [ 12 ]

0 голосов
/ 06 мая 2011

вместо 100%, я просто добавляю немного пикселов, полученное сейчас, и оно работает для всей страницы без пробелов: 

html {     
height: 1420px; } 
body {     
height: 1400px;     
margin: 0;     
background-repeat: no-repeat; }
0 голосов
/ 26 апреля 2011 
background: #13486d; /* for non-css3 browsers */
background-image: -webkit-gradient(linear, left top, left bottom, from(#9dc3c3),   to(#13486d));  background: -moz-linear-gradient(top,  #9dc3c3,  #13486d);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dc3c3', endColorstr='#13486d');
background-repeat:no-repeat;
Страница:
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...