фоновые изображения

(Ответов: 9, Просмотров: 606)
  1. Дипломник Аватар для webm0ney
    • Регистрация: 31.05.2011
    • Сообщений: 232
    • Репутация: 33
    Всем привет! чтот у меня голова не варит, да и разобраться чтот не получается.
    Значит так!
    Как можно реализовать фоновые изображения как например на канобу:
    1е верхнее изображение
    2е как я понимаю заливка
    3е нижнее изображение

    Как не крутил... получается или верхнее изображение как надо, либо заливка... когда пытаюсь объединить заливку и верхнюю картику, то получается заливка закрывает верхнее изображение. Помогите понять... что как и куда ;(
    • 0
  2. You shall not pass. Ага. Аватар для Гендальф Серый
    • Регистрация: 02.02.2013
    • Сообщений: 1,184
    • Репутация: 1513
    • Webmoney BL: ?
    во-первых, пруфлинк.
    во-вторых, свойствами position и z-index не пробовали пользоваться? Какие результаты?
    • 0
  3. Дипломник Аватар для WebInterPrise
    • Регистрация: 13.01.2013
    • Сообщений: 182
    • Репутация: 41
    Пиши в ЛС помогу.
    • 1

    Спасибо сказали:

    webm0ney(03.02.2013),
  4. Дипломник Аватар для webm0ney
    • Регистрация: 31.05.2011
    • Сообщений: 232
    • Репутация: 33
    Цитата Сообщение от Генальф Серый Посмотреть сообщение
    во-первых, пруфлинк.
    во-вторых, свойствами position и z-index не пробовали пользоваться? Какие результаты?
    пруфлинка нет... ибо попытки идут на чистом html документе, который на рабочем столе.
    • 0
  5. Опытный Аватар для TBicTep
    • Регистрация: 08.06.2011
    • Сообщений: 342
    • Репутация: 64
    Просто сделайте шапку с первой картинкой и футер с третей картинкой а весь контент в отдельный див у которого фоном заливка
    • 0
  6. Опытный Аватар для Vopros08
    • Регистрация: 17.12.2012
    • Сообщений: 276
    • Репутация: 46
    • Webmoney BL: ?
    Вот рабочий пример 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;}

    Все элементарно просто
    • 1

    Спасибо сказали:

    webm0ney(03.02.2013),
  7. You shall not pass. Ага. Аватар для Гендальф Серый
    • Регистрация: 02.02.2013
    • Сообщений: 1,184
    • Репутация: 1513
    • Webmoney BL: ?
    Vopros08, именно. То, что я говорил в самом начале. Два div'а для изображений и один div для всего того, что находится между ними.
    • 0
  8. Дипломник Аватар для webm0ney
    • Регистрация: 31.05.2011
    • Сообщений: 232
    • Репутация: 33
    хм вроде работает))
    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". Ну как и думал... все просто))
    • 0
  9. You shall not pass. Ага. Аватар для Гендальф Серый
    • Регистрация: 02.02.2013
    • Сообщений: 1,184
    • Репутация: 1513
    • Webmoney BL: ?
    webm0ney, людям спасибо бы хоть сказал ( читай: нажал ) :)
    • 1

    Спасибо сказали:

    webm0ney(03.02.2013),
  10. Опытный Аватар для Vopros08
    • Регистрация: 17.12.2012
    • Сообщений: 276
    • Репутация: 46
    • Webmoney BL: ?
    Рад помочь :) как видишь все довольно просто и понятно...
    • 1

    Спасибо сказали:

    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

У кого попросить инвайт?

Вы можете попросить инвайт у любого модератора:

Информеры