Страница 1 из 11
Модератор форума: Yuri_G 
Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » CSS фон-градиент! Нужна помощь!
CSS фон-градиент! Нужна помощь!
Nelson
Сообщений: 47
Репутация: 4

Сообщение # 1 | 23:41:54
Доброго времени суток, решил использовать градиент в качестве фона страницы, но столкнулся с проблемой, градиент не растягивается по высоте страницы. Помогите решить данную проблему. Ссылка на сайт: Ссылка (не спам!). Код CCS:
Код
body {
     font: 13px/20px 'OpenSansLight', arial;
     background: linear-gradient(to top, #B7D661, #ffffff, #D5E493) 100% 100% no-repeat;
background-size: contain;
color: #7a7a7a;
}
Сообщение отредактировал Nelson - Среда, 17 Сен 2014, 23:45:35
Selena
Сообщений: 15657
Репутация: 1099

Сообщение # 2 | 14:08:50
Nelson, у вас там дальше что-то накручено. Сам по себе код background: linear-gradient(to top, #B7D661, #ffffff, #D5E493) 100% 100% no-repeat; растягивает градиент на всю страницу. Хотя я так и не поняла смысла добавления no-repeat. Это же для картинок? И указание позиции тоже ничего не даёт. С тем же успехом работает background: linear-gradient(to top, #B7D661, #ffffff, #D5E493);

Отправляя сообщение о помощи, приводите ссылку на свой сайт. Это не считается рекламой, зато снимает массу вопросов.
Nelson
Сообщений: 47
Репутация: 4

Сообщение # 3 | 17:08:03
И что может быть накрученно? Если не указать no-repeat, то фон повторяется а не растягивается. Пожалуйста подскажите по подробнее почему градиент не растягивается на всю страницу.
Selena
Сообщений: 15657
Репутация: 1099

Сообщение # 4 | 18:27:16
Nelson, я на тестовом сайте использовала для body background: linear-gradient(to top, #B7D661, #ffffff, #D5E493);
И градиент применялся для всей страницы, с прокруткой вниз. У вас же после параметров к body много чего прописано. И такой градиент и сякой градиент. И для ФФ и для других браузеров. В итоге действует последний, если для одного и того же элемента прописаны параметры несколько раз. Разбираться в этой каше нет ни малейшего желания. Вы когда эти стили писали, должны были понимать зачем и почему вписываете каждую строчку. Вспоминайте.

Цитата Nelson ()
Если не указать no-repeat, то фон повторяется а не растягивается.

Ещё раз. Если фон просто цвет, то он на весь контейнер, для которого прописан. Если картинка, то тогда и прописывают повторяться ей или нет внутри контейнера и в каком месте находиться. Растягивается тоже только картинка, если ей размер прописать больше оригинала.

Отправляя сообщение о помощи, приводите ссылку на свой сайт. Это не считается рекламой, зато снимает массу вопросов.
Gunya1952
Сообщений: 3
Репутация: 0

Сообщение # 5 | 00:09:11
Чуть не вырвало от вашего сайта...
Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » CSS фон-градиент! Нужна помощь!
Страница 1 из 11
Поиск: