Fatal编程技术网
  • php/
  • Php 如何使我的固定标题显示在正文前面？

Php 如何使我的固定标题显示在正文前面？

php html css

Php 如何使我的固定标题显示在正文前面？,php,html,css,Php,Html,Css,我设计了固定的页眉和主框，但问题是当我滚动页面时，由于页眉是固定的，所以框会越过页眉。为什么会这样？如何解决此位置：固定的堆垛订单问题 标题{ 背景色：黑色； 宽度：100%； 高度：50px； 位置：固定； } .mainbox{ 宽度：800px； 身高：100%； 背景色：白色； 位置：绝对位置； 边框：1px纯色浅灰色； 边界半径：5px； 顶部：55px； 左：50%； 左边距：-500px； }您应该增加标题中的z-index属性 header { background-co

我设计了固定的页眉和主框，但问题是当我滚动页面时，由于页眉是固定的，所以框会越过页眉。为什么会这样？如何解决此
位置：固定的
堆垛订单问题





标题{
背景色：黑色；
宽度：100%；
高度：50px；
位置：固定；
}
.mainbox{
宽度：800px；
身高：100%；
背景色：白色；
位置：绝对位置；
边框：1px纯色浅灰色；
边界半径：5px；
顶部：55px；
左：50%；
左边距：-500px；

}
您应该增加标题中的
z-index
属性


header {
  background-color: black;   
  width:100%;
  height: 50px; 
  position: fixed;
  z-index: 999;
}


z-index的用途是什么？

它指定元素的堆栈顺序。具有较高堆栈顺序的元素始终位于具有较低堆栈的元素的前面。例如，如果您的标题有
z-index:10
，而您的主框有
z-index:9
，则您的标题堆叠在主框的前面
 您应该为css中的标题添加z-index属性，即z-index:2
z-index
属性可以从css中执行您想要的操作。
我刚刚评论了css留下的页边空白，以向您展示结果。您可以保持代码中的状态

运行下面的代码。我希望它能解决你的CSS问题



标题{
背景色：黑色；
宽度：100%；
高度：50px；
位置：固定；
z指数：20；
颜色：白色；
}
.mainbox{
宽度：800px；
身高：100%；
背景颜色：绿色；
位置：绝对位置；
边框：1px纯色浅灰色；
边界半径：5px；
顶部：55px；
左：50%；
/**左边距：-500px*/
z指数：5；
}



此标题
下面是php的问题列表