Question

在Safari上，以下代码可以完美地显示我的横幅，但由于某些原因，在所有其他浏览器上，横幅都没有显示。我在浏览器上使用了inspect元素功能，它似乎就在那里，但它就像它从来没有。这是标题的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;

}

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

1 个答案: