0

基本的に、画面の上部から下部に向かってプログレスバーを作成するつもりです。3つの部分に分かれており、上が1色、真ん中が別の色、下が最後に別の色になっています。

残念ながら、このコードはFFとChromeでのみ機能しますが、IE（すべてのバージョン）では正しく表示されません。現在、IEではトップカラーのみが表示されます。

コード：

html, body 
{ 
  height: 100%; 
  margin: 10px;overflow: hidden;
} 

#head
{
  height: 80px;
  background-color:black;
}

#content
{
  min-height: 100%; 
  height: 100%; 
  margin: 0 auto; /*Allow for footer height*/
  vertical-align:bottom;
}

#prgsBar
{
  margin: 0 auto -80px; /*Allow for footer height*/
  background-color:gray;
} 

#footer, #push
{
   height: 100px; /*Push must be same height as Footer */
}

HTML：

 <div id='content' style='background-color:red'>    
  <div id='head'>        
   <h5>Hello</h5>   
  </div>    
   <div id='prgsBar' style='height: 29%;'/></div>
4

1 に答える 1

3

#prgsBarは自己終了タグであり、そうではありません。

<div id='prgsBar' style='height: 29%;'/></div> に変更<div id='prgsBar' style='height: 29%;'></div>

于 2012-07-20T13:46:06.287 に答える