Чат сообщества
|
   |
| Модератор форума: Yuri_G |
| Сообщество uCoz Архивариус Решённые вопросы Наложение фона на задний фон |
| Наложение фона на задний фон |
|
Всем привет!
Народ подскажите пожалуйста как в body через css сделать картинку на картинке? Тоесть задний фон что бы повторялся картинкой 160 на 160 px а на этом фоне главная картинка размером 2000 на 1050 но что бы она не повторялась. Я попробывал сделать вот так: body {background-image:url('/images/bg-body0.jpg'); background-image:url('/images/fon.jpg'); } первая работает как надо тоесть повторяется как нужно а вторая тоже повторяется нужно что бы она не повторялась. |
|
|
|
Цитата (webanet) bit_vlad, честно не поняла вашей задумки, но почитайте это http://htmlbook.ru/css/background-repeat не то, мне нужно что бы одно изображение наложить на другое Добавлено (22 Июл 2013, 18:07:41) Код body{background-image:url('/images/fon.jpg');background-repeat:no-repeat;background-attachment:fixed;background-position:center top;background-color:#000;margin:0 10 0 10px;padding:0px;} |
|
Цитата (bit_vlad) {background-image:url('/images/bg-body0.jpg'); background-image:url('/images/fon.jpg');} первая работает как надо тоесть повторяется как нужно а вторая тоже повторяется нужно что бы она не повторялась. Код {background-image:url('/images/bg-body0.jpg') repeat; background-image:url('/images/fon.jpg') no-repeat;} Добавлено (22 Июл 2013, 18:36:26) Цитата (bit_vlad) В общем попроще объясню зайдите на мой сайт видите там задний фон?Так вот а дальше черный фон а мне нужно что бы вместо черного фона была картинка которая повторяется. Если мне удалось тебе помочь, выскажи спасибо в репутацию.
|
|
bit_vlad, не знаю правильно ли я вас понял, но если правильно, то делается это так:
HTML Код <html> <head> <title>Бла бла</title> </head> <body id="gb1"> <div id="gb2"></div> ТЕЛО </body> </html> CSS Код #gb1 {background:url(http://qbild.com/diz/bg1.jpg) 0px 0px #d7d7d7 repeat;margin:0px; padding:0px;} #gb2 {width:100%;height:254px;background:url(http://qbild.com/diz/noise-black.png) 0px 0px #343434 repeat;display:block;position:relative;z-index:0;} А получается следующее, одна картинка фоновая (серая) она повторяется, ну как бы заливает весь фон, вторая картинка чёрная, она как бы в шапке стоит. Короче типа как на инстаграме. Пример того, что получилось.    Сообщение отредактировал Rad_van_Cor - Понедельник, 22 Июл 2013, 19:57:09
|
|
Не народ мне надо сделать двойной фон тоесть задний фон из звезд и что бы он повторялся а на него еще один фон другую картинку
как вот на этом сайте |
|
Цитата (KaiLee) Вам Rad_van_Cor дал пример рабочего кода именно в том виде, в котором Вам нужно. Что в нем Вам не понятно? как все расписать что бы было так как на этом сайте |
|
|
|
bit_vlad, так же как я вам написал.
В боди вставляете картинку фоновую которая должна размножаться, типа звёзды или, что вам там нужно. А затем ставите див, со второй картинкой. А вот это вообще facepalm. Цитата (Timmy) {background-image:url('/images/bg-body0.jpg'); background-image:url('/images/fon.jpg');} А если вы уже готовый пример не можете поставить себе на сайт. То вам сюда  Добавлено (22 Июл 2013, 21:34:09) --------------------------------------------- bit_vlad, вот переписал свой пример с картинками с сайта который вы указали ПРИМЕР Сообщение отредактировал Rad_van_Cor - Понедельник, 22 Июл 2013, 21:34:28
|
тогда background-size: 100% 
| |||
| |||
Будьте в курсе всех обновлений: подпишитесь на наш официальный Telegram-канал uCoz и задавайте вопросы в чате сообщества!