Фиксация градиента body

@__bool · Регистрация: 13.06.2010

Студворк — интернет-сервис помощи студентам

Всем доброго времени суток!
Возможно ли зафиксировать градиент в body?

Градиент:

CSS
1
2
3
4
5
6
7
8
9
10
    background: #eee; /* Для старых браузров */
    background: -moz-linear-gradient(bottom, #eee, #fff); /* Firefox 3.6+ */
    /* Chrome 1-9, Safari 4-5 */
    background: -webkit-gradient(linear, left bottom, left top, 
                color-stop(0%,#eee), color-stop(100%,#fff));
    /* Chrome 10+, Safari 5.1+ */
    background: -webkit-linear-gradient(bottom, #eee, #fff);
    background: -o-linear-gradient(bottom, #eee, #000); /* Opera 11.10+ */
    background: -ms-linear-gradient(bottom, #eee, #000); /* IE10 */
    background: linear-gradient(bottom, #eee, #000); /* CSS3 */

Заранее благодарен за ответы.

@conformist · 09.03.2012, 11:51

если я правильно понимаю, то градиент рисуется на всю высоту блока, тогда вопрос - а где его нужно зафиксировать? он же и так все заливает цветом

@Lane · 09.03.2012, 13:10

В приницпе, если странички не сильно длинные, можно сделать что то вроде

CSS
1
-moz-linear-gradient(bottom, #eee 100px, #fff 150px, #fff 10000px);

Градиент будет на одном месте, но рано или поздно закончится =)

@__bool · 09.03.2012, 18:17 **[ТС]**

Сообщение от conformist

если я правильно понимаю, то градиент рисуется на всю высоту блока, тогда вопрос - а где его нужно зафиксировать? он же и так все заливает цветом

Я не полностью описал картину.
Суть в том что градиент сверху-вниз, и при скролле вниз, он дублируется..

Прикрепил результат работы стиля, который предложил Lane
(и мои все так же)

т.е. если не прокручивать страницу, то норм, но такой вариант не возможен

@Daredevi1 · 09.03.2012, 18:18

Поставь:

CSS
1
background-attachment: fixed;

@__bool · 09.03.2012, 18:24 **[ТС]**

Сообщение от Daredevi1

Поставь:

CSS
1
background-attachment: fixed;

Daredevi1!!!!!!! Огромное спасибо! Отлично!

Новые блоги и статьи Все статьи Все блоги /
Модель здравосоХранения 6. ESG-повестка и устойчивое развитие; углублённый анализ кадрового бренда anaschu 31.03.2026 В прикрепленном документе раздумья о том, как можно поменять модель в будущем	10 пpимет, которые всегда сбываются Maks 31.03.2026 1. Чтобы, наконец, пришла маршрутка, надо закурить. Если сигарета последняя, маршрутка придет еще до второй затяжки даже вопреки расписанию. 2. Нaдоели зима и снег? Не надо переезжать. Достаточно. . .	Перемещение выделенных строк ТЧ из одного документа в другой Maks 31.03.2026 Реализация из решения ниже выполнена на примере нетипового документа "ВыдачаОборудованияНаСпецтехнику" с единственной табличной частью "ОборудованиеИКомплектующие" разработанного в конфигурации КА2. . . .	Functional First Web Framework Suave DevAlt 30.03.2026 Sauve. IO Апнулись до NET10. Из зависимостей один пакет, работает одинаково хорошо как в режиме проекта так и в интерактивном режиме. из сложностей - чисто функциональный подход. Решил. . .
Автоматическое создание документа при проведении другого документа Maks 29.03.2026 Реализация из решения ниже выполнена на нетиповых документах, разработанных в конфигурации КА2. Есть нетиповой документ "ЗаявкаНаРемонтСпецтехники" и нетиповой документ "ПланированиеСпецтехники". В. . .	Настройка движения справочника по регистру сведений Maks 29.03.2026 Решение ниже реализовано на примере нетипового справочника "ТарифыМобильнойСвязи" разработанного в конфигурации КА2, с целью учета корпоративной мобильной связи в коммерческом предприятии. . . .	Автозаполнение реквизита при выборе элемента справочника Maks 27.03.2026 Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. При выборе "Спецтехники" (Тип Справочник. Спецтехника), заполняется. . .	Сумматор с применением элементов трёх состояний. Hrethgir 26.03.2026 Тут. https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .

@conformist O tempora, o mores! 238 / 172 / 13 Регистрация: 15.01.2012 Сообщений: 681
	09.03.2012, 11:51
	если я правильно понимаю, то градиент рисуется на всю высоту блока, тогда вопрос - а где его нужно зафиксировать? он же и так все заливает цветом 0