0

Safari では、次のコードは私のバナーを表示するために完全に機能しますが、何らかの理由で他のすべてのブラウザーではバナーが表示されません。ブラウザで要素の検査機能を使用しましたが、すべてそこにあるように見えますが、そこにはなかったようです。ヘッダーの HTML と対応する CSS は次のとおりです。私は何か間違ったことをしていますか?

HTML

<div id="int-site-container">
    <div id="int-site">

    </div>
</div>

CSS

#int-site-container{
margin: 0;
}
#int-site{
    background: url(/images/<mysite>-introbanner.png) center top no-repeat;
    height:inherit;

}
4

1 に答える 1

0

いろいろいじった後、バナーが表示されない理由がわかりました。高さが定義されていないコンテナを使用してdivいたため、ほとんどのブラウザはそのためのスペースを作成しないため、高さ 0 の div のままでした。これを修正するために、含まれている div をバナー画像の高さに変更しました

#int-site-container{
margin: 0;
height:166px; /*this was the line I needed*/
}
#int-site{
    background: url(/images/<mysite>-introbanner.png) center top no-repeat;
    height:inherit;

}
于 2013-06-13T16:00:24.183 に答える