Чат сообщества
|
   |
| Модератор форума: Yuri_G |
| Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » CSS фон-градиент! Нужна помощь! |
| CSS фон-градиент! Нужна помощь! |
|
Доброго времени суток, решил использовать градиент в качестве фона страницы, но столкнулся с проблемой, градиент не растягивается по высоте страницы. Помогите решить данную проблему. Ссылка на сайт: Ссылка (не спам!). Код 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
|
|
Nelson, у вас там дальше что-то накручено. Сам по себе код background: linear-gradient(to top, #B7D661, #ffffff, #D5E493) 100% 100% no-repeat; растягивает градиент на всю страницу. Хотя я так и не поняла смысла добавления no-repeat. Это же для картинок? И указание позиции тоже ничего не даёт. С тем же успехом работает background: linear-gradient(to top, #B7D661, #ffffff, #D5E493);
Отправляя сообщение о помощи, приводите ссылку на свой сайт. Это не считается рекламой, зато снимает массу вопросов.
|
|
Nelson, я на тестовом сайте использовала для body background: linear-gradient(to top, #B7D661, #ffffff, #D5E493);
И градиент применялся для всей страницы, с прокруткой вниз. У вас же после параметров к body много чего прописано. И такой градиент и сякой градиент. И для ФФ и для других браузеров. В итоге действует последний, если для одного и того же элемента прописаны параметры несколько раз. Разбираться в этой каше нет ни малейшего желания. Вы когда эти стили писали, должны были понимать зачем и почему вписываете каждую строчку. Вспоминайте. Цитата Nelson (  )Если не указать no-repeat, то фон повторяется а не растягивается. Ещё раз. Если фон просто цвет, то он на весь контейнер, для которого прописан. Если картинка, то тогда и прописывают повторяться ей или нет внутри контейнера и в каком месте находиться. Растягивается тоже только картинка, если ей размер прописать больше оригинала. Отправляя сообщение о помощи, приводите ссылку на свой сайт. Это не считается рекламой, зато снимает массу вопросов.
|
| |||
| |||