0

基本的にヘッダーコーディングをコピーし、いくつかのものを切り替えましたが、表示されません。何か間違って入力していない限り、なぜそうならないのかわかりません。

以下に 2 つのコードを示します。

ヘッダ

<div class="head">
 <div class="centerimg">
 <img src="images/logo.png" width="96" height="82">
 </div>
    .head {background-image:url('images/header_bg.png'); top repeat-x; height: 182px;}

フッター

<div class="footer">
</div>

.footer {background-image:url('images/footer_bg.png'); bottom repeat-x; height: 110px;}

ヘッダーは表示されるのにフッターは表示されないのはなぜですか?

4

2 に答える 2

2

<div>一部のブラウザーでは、空のタグを使用できません。お使いのブラウザがこれを行っている可能性があり、そのためにフッターが表示されないことがあります。

于 2013-05-12T18:03:46.557 に答える
0

これがまさにあなたのコードを書いた方法である場合、ヘッダーが機能することに驚いています。.head と .footer を定義する方法は、私が見る限り正しく行われていません。また、CSS で簡略化を試みていますが、「添付ファイル」の前に画像の「位置」を定義していますが、これは順不同です。 これについての詳細へのリンク は次のとおりです。 タグ内に次のコードを追加してみてください。

<style type="text/css">
  .head {background: transparent url('images/header_bg.png') repeat-x 0px 0px; height: 182px;}
  .footer {background:transparent url('images/footer_bg.png') repeat-x 0px 0px; height: 110px;}
</style>
于 2013-05-12T18:02:13.550 に答える