2

我有一个简单的标题和正文 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?>

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

4

1 回答 1

4

首先我想说你的标记是完全无效的，你不能header在标记之外使用body标记，所以首先将它嵌套在内部body并且就内容可见性而言，你需要为background-color你的header元素分配一些。

此外，将标签放置在link标签之间head，拾取文档级style块，将其放置在body标签之间或head标签之间。

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

演示（学分）

于 2013-09-13T08:53:50.837 回答