Наложение изображения

Тема в разделе "Веб-дизайн", создана пользователем z3rg, 25 июл 2009.

Статус темы:
Закрыта.
Модераторы: zek24
  1. z3rg

    z3rg

    Регистр.:
    2 фев 2007
    Сообщения:
    731
    Симпатии:
    336
    Подскажите плиз как наложить изображение

    к примеру идет див
    HTML:
    <div id="blabla">
    <img border="0" src="blabla.jpg">
    </div>
    и нужно чтобы на это изображение с верху наложилось еще 1, как в css это оформить.
     
  2. poison-b13

    poison-b13 Постоялец

    Регистр.:
    21 июл 2009
    Сообщения:
    64
    Симпатии:
    5
    попробуй в css прописать:
    #blabla {
    background: #FFFFCC url('images/blabla.gif') no-repeat;
    }
    а в div вставить изображение которое хочешь наложить.
     
  3. white00m

    white00m

    Регистр.:
    30 май 2008
    Сообщения:
    161
    Симпатии:
    57
  4. asmas

    asmas Создатель

    Регистр.:
    23 май 2008
    Сообщения:
    28
    Симпатии:
    1
    Надеюсь не поздно. Если с z-index не получилось, а он иногда косячит то делаем так в css .blabla {position:absolute; top:?px; left:?px;} вместо вопросов поставить точные значения
     
  5. funest

    funest Постоялец

    Регистр.:
    2 июл 2007
    Сообщения:
    145
    Симпатии:
    38
    Как вариант,можно попробовать:
    HTML:
    
    подложка:
    position: relative;
    наложение:
    position:absolute;
    
     
    Nedikoff нравится это.
  6. Andy_ham

    Andy_ham Джедай на пенсии

    Регистр.:
    3 сен 2007
    Сообщения:
    450
    Симпатии:
    264
    z-index не глючит, просто он работает только тогда, когла слой relative или absolute ;). Таким образом, работающий код
    Код:
    подложка:
    position: relative;
    z-index:9;
    наложение:
    position:absolute (или relative, тоже будет работать);
    z-index:8;
    
    Таким образом, будем на выходе иметь картинку с водяным знаком... или чего еще нужно :)
     
Статус темы:
Закрыта.