如何不允许div之上的任何内容（文本，其他元素等）

Question

我创建了一个我想放在网页顶部的徽标。显然，当我将任何其他文本放入页面时，它会插入页面顶部并向下移动徽标。有没有办法确保徽标上方没有插入任何内容？

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

谢谢！

Answer 1

编辑： - 在您现有的CSS代码中（您在问题中提到），请添加z-index，以满足您的要求。     在您的css文件中z-index:9999。

我在这里添加了 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;
}