业余Z指数问题

时间:2015-08-15 05:25:19

标签: html css

我有一个(希望)快速的问题。我试图使用z-index,但是当我滚动div时,索引不跟随页面。 CSS& HTML在下面,希望有人可以帮助业余爱好者。 HTML:

    <!--If you would like to see the direct files, just ask!-->
<div id="head_div"> <center><p id="head_p"> Welcome, UoC Reader! -Jack P</p>   </center></div>
<div id="left_div_mainpage"></div>
<div id="right_div_mainpage"> </div>
<div id="footer"> </div>

#head_div {
  background-color: maroon;
  height: 90px;
 z-index: 1;
 margin-bottom: 10px;
   }
#head_p {
color: white;
font-family: Georgia;
font-size: 25px;
position: relative;
display: inline;
}
#left_div_mainpage { 
background-color: MidnightBlue;
height: 900px;
width: 150px;
float: left;
 }
#right_div_mainpage

是的,div使用在线编辑器链接到CSS,我之前听说过。

感谢您的帮助!

1 个答案:

答案 0 :(得分:2)

如果您希望#head_div在滚动时跟随您的页面,则需要添加位置:固定到您的元素:

{{1}}

http://jsfiddle.net/sLooza5q/