-1

助けてください。私はもう試した。

これは現在私のコードです

HTML

    <div id="header"><!--beggining of header-->

    </div><!--end of header-->

CSS

    #header {
    width: auto;
    height: 100px;
    background-color: #F0F;
    border-bottom-style: solid;
    border-bottom-color: #000;
    position: fixed;
    }

ごめん。このSTEを使用するのはこれが初めてです。コードを投稿できません。ただし、ここで完全な HTML を参照してください

4

2 に答える 2

5

このフィドルをチェックしてください

html:

<div class="cover">
  top
   <div class="fixed-box">
     hello                            
   </div>
</div>

CSS:

.fixed-box {
  width:100px;/*just for preview*/
  height:100px;/*just for preview*/
  background:red;/*just for preview*/
  position:fixed;
  top:10px;
}
.cover {
  width:500px;/*just for preview*/
  height:10000px;/*just for preview*/
  background:blue;/*just for preview*/
}
于 2012-12-05T10:26:03.380 に答える
0 
#header {width: auto; height: 100px; background-color: #F0F; border-bottom-style: solid;
    border-bottom-color: #000; position: fixed; top:0px; z-index:100;}

ヘッダーdivの後に、コンテンツ用に1つのコンテナーdivを作成し、そのdivを作成してください。position:relative; z-index:50;

于 2012-12-05T10:28:25.440 に答える