横幅<div>不会在IE9中显示,但会在Chrome中显示</div>

时间:2013-03-27 23:13:50

标签: css html internet-explorer-9

所以我的导航下有一个横幅div,但横幅似乎出现在Google Chrome中,但不会出现在IE9中。 HTML和CSS如下所示。

HTML:

<div class="content">       
    <div class="slide-banner"></div>
</div>

CSS:

.slide-banner {
    margin: 0 auto;
    padding: 0px;
    width: 650px;
    height: 200px;
    background: #ff0000;
}

编辑:

在尝试了所有人提出的建议后,我认为这不是我的实际代码,这可能是我浏览器本身的问题。所以我用IE9在其他2台PC上运行代码,似乎工作正常。感谢大家的帮助,非常感谢!

1 个答案:

答案 0 :(得分:0)

我在这些情况下做的第一件事我知道事情应该有效,但事实并非如此。很多时候我错过了某处的标签而某些东西并没有像它应该的那样关闭。

除此之外,尝试将display:block添加到.slide-banner类。如果这不起作用...在那里放一个小文本或添加图像。 http://placehold.it/650x200