html - 如何不允许 div 上方的任何内容（文本、其他元素等）

Question

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

标志 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 它将满足您的要求。 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;
}