Я создал логотип, который хочу разместить в верхней части моей веб-страницы. Очевидно, когда я помещаю какой-либо другой текст на страницу, он вставлен в верхней части страницы и перемещает логотип вниз. Есть ли способ убедиться, что над логотипом ничего не вставлено?
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; }
Благодарю!
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;
}