Изображение на фоне

Тема в разделе "Создание шаблона", создана пользователем galaxy, 26.12.2013.

  1. Offline

    galaxy Недавно здесь

    Регистрация:
    26.12.2013
    Сообщения:
    1
    Симпатии:
    0
    Пол:
    Мужской
    Всем привет. Обьясните пожалуйста как поставить 2 изображения на фон сайта, так, чтобы 1 было на верху, а второе снизу
     
  2.  
  3. shurikkan
    Offline

    shurikkan Russian Joomla! Team Команда форума

    Регистрация:
    01.09.2011
    Сообщения:
    1 856
    Симпатии:
    162
    Пол:
    Мужской
    Много способов.
    Можно, например, создать два контейнера DIV, один из которых вложен в другой:
    Код (html):
    1. <div class="one">
    2.     <div class="two"></div>
    3. </div>

    Указать фон одного с нулевым смещением, а у другого - со смещением по оси Y на высоту фона первого. То есть если, например, у нас высота картинки первого фона 300px, получим:
    Код (html):
    1. .one {
    2.     background: url("../images/bg_1.png") no-repeat left top; // Или repeat-x, в зависимости от того, что Вам нужно...
    3. }
    4. .two {
    5.     background: url("../images/bg_1.png") no-repeat left 300px; // Или repeat-x, в зависимости от того, что Вам нужно...
    6. }
     
  4. draff
    Offline

    draff Russian Joomla! Team Команда форума

    Регистрация:
    17.01.2011
    Сообщения:
    6 048
    Симпатии:
    520
    Пол:
    Мужской
    z-index и назначить несколько картинок для одного background
    Непонятно ,что значит-
     

Поделиться этой страницей

Загрузка...