Картинка поверх контента

Тема в разделе "Веб-дизайн", создана пользователем PIV, 6 фев 2010.

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

    PIV Писатель

    Регистр.:
    16 дек 2009
    Сообщения:
    4
    Симпатии:
    0
    Проблема такая: нужно вывести картинку в определенном месте сайта поверх контента (текста, картинок и т.п.). Вообщем картинка должна перекрывать все что под ней находится. Видел такой сайт, там тег div перекрывал несколько div сразу. Как это сделать?
     
  2. Just.Player

    Just.Player Создатель

    Регистр.:
    18 янв 2010
    Сообщения:
    17
    Симпатии:
    0
    Например использовать
    position: absolute; или relative
    и
    z-index
     
  3. barge

    barge Писатель

    Регистр.:
    12 окт 2009
    Сообщения:
    6
    Симпатии:
    1
    Да, точно. Я бы так делал:

    Код:
    <style>
    .xxx {тут пишешь, если что нужно}
    </style>
    <div class=xxx style="position:absolute; left:37%; top:680px;"><img src="адрес картинки" border="0" /></div>
    37% и 680px определяют позицию картинки.
     
  4. t3s

    t3s

    Регистр.:
    16 фев 2008
    Сообщения:
    719
    Симпатии:
    290
    ммм... не понимаю, зачем если есть class=xxx добавлять style=?
    работать конечно будет, но вот так правильнее

    HTML:
    <style>
    .xxx {
    position:absolute;
    left:37%;
    top:680px;
    }
    </style>
    <div class="xxx">
    <img src="адрес картинки" border="0" />
    </div>
    еще более правильнее, если стили кинуть в отдельный файл
     
  5. makotokino

    makotokino Создатель

    Регистр.:
    10 дек 2009
    Сообщения:
    30
    Симпатии:
    5
    Как вариант
    HTML:
    
    <div width="100%">
    <img src="logo.jpg">
    <div style="position:relative;bottom:100px;"><img src="адрес картинки" border="0" /></div>
    </div>
     
  6. eburgnights

    eburgnights

    Регистр.:
    10 мар 2007
    Сообщения:
    216
    Симпатии:
    73
  7. alexdudin

    alexdudin Писатель

    Регистр.:
    15 дек 2008
    Сообщения:
    4
    Симпатии:
    0
    Если не секрет - для чего вообще такое понадобилось?
     
  8. 17blok_FRY

    17blok_FRY Создатель

    Регистр.:
    5 июл 2010
    Сообщения:
    18
    Симпатии:
    9
  9. mefisto

    mefisto Оптимист

    Регистр.:
    9 дек 2008
    Сообщения:
    319
    Симпатии:
    195
    Тут наверное нужно задать уточняющий вопрос, а собственно эта картинка будет закрываться/сворачиваться/убираться или она должна будет блокировать дальнейшую работу с сайтом?
    Если да, то это уже из области javascript, а не средства css.
    Если можно - хотя бы пример подобного сайта.
     
Статус темы:
Закрыта.