Всем привет! чтот у меня голова не варит, да и разобраться чтот не получается.
Значит так!
Как можно реализовать фоновые изображения как например на канобу:
1е верхнее изображение
2е как я понимаю заливка
3е нижнее изображение
Как не крутил... получается или верхнее изображение как надо, либо заливка... когда пытаюсь объединить заливку и верхнюю картику, то получается заливка закрывает верхнее изображение. Помогите понять... что как и куда ;(
- 03.02.2013 20:52
- 03.02.2013 20:54
во-первых, пруфлинк.
во-вторых, свойствами position и z-index не пробовали пользоваться? Какие результаты? - 03.02.2013 20:55
Пиши в ЛС помогу.
Спасибо сказали:
webm0ney(03.02.2013), - 03.02.2013 21:02
- 03.02.2013 21:03
Просто сделайте шапку с первой картинкой и футер с третей картинкой а весь контент в отдельный див у которого фоном заливка
- 03.02.2013 21:06
Вот рабочий пример multsserials.ru/superjail-online/superjail-sezon-3.html где изображения накладываются друг на друга.
Код двух изображений которые накладываются друг на друга
#block{
background:
url(jail-1.png) no-repeat 50% 2%,
url(jail-2.png) no-repeat 2% 95%;
background-attachment:fixed; }
Код фона страницы
body
{
background-image: url(jail.png);
background-repeat:no-repeat;
background-position: right;
background-attachment:fixed;}
Все элементарно простоСпасибо сказали:
webm0ney(03.02.2013), - 03.02.2013 21:13
Vopros08, именно. То, что я говорил в самом начале. Два div'а для изображений и один div для всего того, что находится между ними.
- 03.02.2013 21:24
хм вроде работает))
body{background:url('/images/bg1.jpg') center top no-repeat, url('/images/bg2.jpg') center top repeat-y; background-attachment:fixed;} для нижней картинки "center bottom no-repeat". Ну как и думал... все просто)) - 03.02.2013 21:28
webm0ney, людям спасибо бы хоть сказал ( читай: нажал ) :)
Спасибо сказали:
webm0ney(03.02.2013), - 03.02.2013 21:33
Рад помочь :) как видишь все довольно просто и понятно...
Спасибо сказали:
webm0ney(03.02.2013),
Тэги топика:
Похожие темы
Темы | Раздел | Ответов | Последний пост |
---|---|---|---|
Как переходит вес через изображения? | Общие вопросы поисковой оптимизации | 18 | 12.11.2013 18:48 |
Virtuemart 2, не кажет изображения | Joomla | 2 | 04.06.2012 21:13 |
как продвигать изображения? | Вопросы от новичков | 2 | 17.10.2011 21:00 |
как продвигать изображения? | Общие вопросы поисковой оптимизации | 0 | 15.10.2011 00:53 |