html - css 背景图像不会在 IE 或 Chrome 中显示

Question

我正在尝试使用 background-image:url('path/to/image.png');通过 ID 将背景图像放置在 div 中:

#logo_block > #main_logo {
background-image: url("img/JaxonsBlack.png");
width:450px;
height:auto; }

html 是这样的:

    <div id="logo_block">
        <!-- This will remain static. -->
        <div id="main_logo">
            <!--<img id ="logo" src="img/JaxonsBlack.png" width="400" />-->
        </div>

        <!-- This div will be dynamically populated in the future
        it resides immediately under the logo image-->
        <div id="sub_title">
            <h3>sample</h3>
        </div>
    </div>

好吧，无论我怎么尝试，我都无法让它发挥作用。

1. 这不是路径问题。下面 html 中的 img 标签在未被注释掉时工作正常。我可以将完全相同的 CSS 应用于正文，它也能正常工作。

2. 选择器。它不是那些。我查看了 Chrome 的开发人员工具，样式被适本地应用于 div。我还从父 div 中删除了 div，并简单地使用 #main_logo 作为选择器，尝试了一个类等等。

3. 高度。它不是高度样式。我已经看到提到过，无论有没有高度、宽度等，它仍然不起作用。

我似乎无法在任何地方找到有关此问题的任何信息。据我所知，我的语法是正确的，并且有多个站点支持。这在 Chrome 或 shudder IE 中不起作用。我的 FF 安装目前(再次)损坏，所以我还没有在那里尝试过。我怀疑它会有什么不同，但如果它在 Chrome 或 IE 中不起作用，我仍然需要解决这个问题。

我对此束手无策。这根本没有意义。

Answer 1

1. 是高度样式。 height 设置为 auto，所以它只会达到显示所有内容所需的高度，但那里没有内容，因此它的高度为 0px .

http://jsfiddle.net/Z632P/ - 将 height 更改为 auto，然后再更改为 100px。