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

Статус
В этой теме нельзя размещать новые ответы.

PIV

Писатель
Регистрация
16 Дек 2009
Сообщения
4
Реакции
0
Проблема такая: нужно вывести картинку в определенном месте сайта поверх контента (текста, картинок и т.п.). Вообщем картинка должна перекрывать все что под ней находится. Видел такой сайт, там тег div перекрывал несколько div сразу. Как это сделать?
 
Например использовать
position: absolute; или relative
и
z-index
 
Да, точно. Я бы так делал:

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

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

ммм... не понимаю, зачем если есть class=xxx добавлять style=?
работать конечно будет, но вот так правильнее

HTML:
<style>
.xxx {
position:absolute;
left:37%;
top:680px;
}
</style>
<div class="xxx">
<img src="адрес картинки" border="0" />
</div>

еще более правильнее, если стили кинуть в отдельный файл
 
Вот здесь я подробно рассказал как вывести div через z-index.
А картинку вставляешь в див.
Для просмотра ссылки Войди или Зарегистрируйся
 
Если не секрет - для чего вообще такое понадобилось?
 
Вообщем картинка должна перекрывать все что под ней находится
Тут наверное нужно задать уточняющий вопрос, а собственно эта картинка будет закрываться/сворачиваться/убираться или она должна будет блокировать дальнейшую работу с сайтом?
Если да, то это уже из области javascript, а не средства css.
Если можно - хотя бы пример подобного сайта.
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху