html - 为什么我的标题没有出现在某些浏览器上？

Question

在 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;

}

Answer 1

经过一番摆弄，我发现了为什么横幅不会出现。由于我使用的容器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;

}