html - 为什么我的标题不显示在某些浏览器上？

Question

在 Safari 上，以下代码非常适合显示我的横幅，但出于某种原因，横幅在所有其他浏览器上都不会显示。我已经在浏览器上使用了检查元素功能，它似乎就在那里，但它就像从来没有出现过一样。 这是 header 的 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;

}