Question

我有一个简单的标题和正文php页面。但是，当我滚动时，内容显示在“Hi”标题后面。

<style type="text/css">
  #header {
    position:fixed;
    z-index:1;
  }
  #body {
    position:relative;
    z-index:2;
  }

</style>

<header> 

<div class="fixed">   
  <h1>  Hi <?php $_POST ["user"] ?>  </h1> 
    <p>Your list: </p>
  <p>&nbsp;</p>
</div>
</header>

<body>

<link href="stylesheet2.css" rel="stylesheet" type="text/css">


  <?php include_once("analyticstracking.php") ?> 

  <?php

echo "<p> You are gluten free<br/>"; //AND THE REST OF THE CONTENT?>

有谁知道如何解决这个问题？我尝试了一些事情。我认为这可能是一个非常简单的答案。我很感激任何想法。

Answer 1

首先，我想说你的标记完全无效，你不能在header标记之外使用body标记，所以首先将其嵌套在body内并且到目前为止随着内容可见性的增加，您需要为background-color元素分配一些header。

另外，将link标记放在head代码之间，选取文档级style块，将其放在body标记之间或head标记之间1}}标签。

与答案无关，但只是有点好处，如果你调整浏览器大小，你会发现position: fixed;元素也会水平滚动，为了防止这种情况，请考虑使用jQuery，它将设置元素到position: absolute;和水平滚动，它会不断更改top属性值。

Demo（Credits）

滚动时在标题中可见的内容

1 个答案: