Как не допустить ничего выше div (текст, другие элементы и т. Д.)

0

Я создал логотип, который хочу разместить в верхней части моей веб-страницы. Очевидно, когда я помещаю какой-либо другой текст на страницу, он вставлен в верхней части страницы и перемещает логотип вниз. Есть ли способ убедиться, что над логотипом ничего не вставлено?

logo div CSS #div_logo { visibility: show; position: fixed; width: 70%; left: 50%; margin-left: -32.5%; clear: both; padding: 10px; } #div_logo { visibility: show; position: fixed; width: 70%; left: 50%; margin-left: -32.5%; clear: both; padding: 10px; }

Благодарю!

  • 2
    Легко .. не размещайте html-контент над логотипом div.
  • 0
    Не могли бы вы опубликовать скрипку пожалуйста?
Показать ещё 1 комментарий
Теги:

1 ответ

0

EDIT: - В вашем существующем коде CSS (который вы упомянули в вопросе), пожалуйста, добавьте z-индекс, с которым он будет выполнять ваши требования. z-index:9999 в вашем файле css.

Я добавил DEMO здесь. Пожалуйста, проверьте его. Измените имя пути вашего изображения, а затем сделайте снимок.

HTML: -

<h1>This is a heading</h1>
<div id="div_logo">
  <img src="someimage.png" width="100px" height="140px" />
</div>
<p>Because the image has a z-index of 9999, it will be placed on top of  the text.</p>

CSS: -

#div_logo
{
 position:absolute;
 left:0px;
 top:0px;
 z-index:9999;
 background-color:red;
 width:100px;
 height:140px;
}

Ещё вопросы

Сообщество Overcoder
Наверх
Меню