как задать такой фон страницы?

@eleonore · Регистрация: 06.04.2013

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

может я торможу, но ребят, подскажите как задать такой фон страницы:

как наложить градиент на текстуру. текстуру задаю,как фон для html ,тут все просто,но как к этой текстуре прилепить верхний градиент?если задаю градиент для body или html, то пропадает текстура.

@Forastero · 22.05.2013, 13:10

В CSS3 появилась возможность устанавливать множественные фоны. Устанавливаете вашу текстуру, тиражируете ее, затем либо накладываете вторым фотом полупрозрачную картинку-градиент, либо при помощи градиентов CSS3 это делаете.

Вот документация по множественным фонам: http://www.w3.org/TR/css3-background/#layering

@and_y87 · 22.05.2013, 16:15

eleonore, Блин, точно не вижу... либо это линейный градиент либо это радиальный градиент...

но в любом случае...

технологии CSS позволяют добиться такого результата...
Существуют Генераторы заднего фона ( Gradient Generator )

Добавлено через 1 минуту
А так же можно использовать и задний фон с серым цветом и картинку на задний фон в PNG24 с прозрачным градиентом...

Добавлено через 22 секунды
В общем с развитием технологий варианты прибавляются =)

@eleonore · 22.05.2013, 16:30 **[ТС]**

не знаю, что я делаю не так.отдельно градиент такого цвета я могу создать,с "колорзиллой" знакома.но там не просто цвет,там текстура шершавая, как штукатурка(на рисунке не видно).у меня эта текстура есть,я её задаю, как background к html, а вот положить сверху градиент, что-то не могу.создала его, задаю фоном вторым к html и к body пробывола ,что-то не то,либо появляется градиент,а текстура моя исчезает,либо текстура есть, а градиента нет.что-то не то видимо делаю...
градиент радиальный.

@Taatshi · 22.05.2013, 16:58

eleonore, сделайте второй див-обертку. Во внешнем - текстура бэкграундом, для внутреннего - градиент бэкграундом. В сумме будет то, что нужно.

@and_y87 · 22.05.2013, 17:02

eleonore,

CSS
1
background: url("картика.png") top left #color no-repeat;

и картинка и фон...

Добавлено через 29 секунд
top left no-repeat - привёл для примера возможных настроек...

@eleonore · 23.05.2013, 13:45 **[ТС]**

все получилось спасибо,всем!

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий 8Observer8 02.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11680&d=1772460536 Одним из. . .	Реалии Hrethgir 01.03.2026 Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .	Ритм жизни kumehtar 27.02.2026 Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .	SDL3 для Web (WebAssembly): Сборка библиотек: SDL3, Box2D, FreeType, SDL3_ttf, SDL3_mixer и SDL3_image из исходников с помощью CMake и Emscripten 8Observer8 27.02.2026 Недавно вышла версия 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual Studio. . . .
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .	Конвертировать закладки radiotray-ng в m3u-плейлист damix 19.02.2026 Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .	Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .

@eleonore 0 / 0 / 1 Регистрация: 06.04.2013 Сообщений: 40

	как задать такой фон страницы? 22.05.2013, 12:17. Показов 3709. Ответов 6 Метки нет (Все метки) может я торможу, но ребят, подскажите как задать такой фон страницы: как наложить градиент на текстуру. текстуру задаю,как фон для html ,тут все просто,но как к этой текстуре прилепить верхний градиент?если задаю градиент для body или html, то пропадает текстура. 0

@Forastero 562 / 339 / 87 Регистрация: 15.05.2013 Сообщений: 812 Записей в блоге: 1
	22.05.2013, 13:10
	В CSS3 появилась возможность устанавливать множественные фоны. Устанавливаете вашу текстуру, тиражируете ее, затем либо накладываете вторым фотом полупрозрачную картинку-градиент, либо при помощи градиентов CSS3 это делаете. Вот документация по множественным фонам: http://www.w3.org/TR/css3-background/#layering 0

@and_y87 Develo0per 424 / 368 / 75 Регистрация: 27.02.2012 Сообщений: 1,379 Записей в блоге: 98
	22.05.2013, 16:15
	eleonore, Блин, точно не вижу... либо это линейный градиент либо это радиальный градиент... но в любом случае... технологии CSS позволяют добиться такого результата... Существуют Генераторы заднего фона ( Gradient Generator ) Добавлено через 1 минуту А так же можно использовать и задний фон с серым цветом и картинку на задний фон в PNG24 с прозрачным градиентом... Добавлено через 22 секунды В общем с развитием технологий варианты прибавляются =) 0

@eleonore 0 / 0 / 1 Регистрация: 06.04.2013 Сообщений: 40
	22.05.2013, 16:30 [ТС]
	не знаю, что я делаю не так.отдельно градиент такого цвета я могу создать,с "колорзиллой" знакома.но там не просто цвет,там текстура шершавая, как штукатурка(на рисунке не видно).у меня эта текстура есть,я её задаю, как background к html, а вот положить сверху градиент, что-то не могу.создала его, задаю фоном вторым к html и к body пробывола ,что-то не то,либо появляется градиент,а текстура моя исчезает,либо текстура есть, а градиента нет.что-то не то видимо делаю... градиент радиальный. 0

@Taatshi Почетный модератор 12274 / 5340 / 268 Регистрация: 05.04.2011 Сообщений: 14,086 Записей в блоге: 2
	22.05.2013, 16:58
	eleonore, сделайте второй див-обертку. Во внешнем - текстура бэкграундом, для внутреннего - градиент бэкграундом. В сумме будет то, что нужно. 1

@eleonore 0 / 0 / 1 Регистрация: 06.04.2013 Сообщений: 40
	23.05.2013, 13:45 [ТС]
	все получилось спасибо,всем! 0