为什么这张图片没有显示？

Question

我制作了一个标题图片,但出于某种原因我不能让它出现在CSS中.

这是一个截图:

标头与index.html文件位于同一图像目录中.出现背景图像,但不显示此标题.我在HTML中输入两次标题作为div在两个不同的位置测试它以查看它是否正常工作,但由于某种原因它没有显示,我不明白哈哈.

谢谢.

#header {
        background-image:url('../emailheader.png');
        width:100%;
        height:100%;
        background-repeat:no-repeat;

 } 

<div id="header"></div>

这是一个例子.但我不确定为什么它不起作用.

Answer 1

由于div中没有​​内容,因此它的高度为零,因此您看不到任何内容.添加一些内容到div或添加一个height或min-heightCSS.

height:100%不起作用,因为它将元素的高度设置为等于其父级的#container高度,并且未设置父级的()高度.

请参见http://tinkerbin.com/QDAEuDUA.

Answer 2

DEMO

您需要提供高度或它将取决于内部内容的高度,其中0

 #header {
            background-image:url('http://i.imgur.com/ncTiy.png');
            width:100%;
            background-repeat:no-repeat;
            height:200px;
     }