Html 为什么不是';这张照片不显示吗?

Html 为什么不是';这张照片不显示吗?,html,css,Html,Css,我制作了一个标题图像,但由于某些原因,我无法从CSS中显示它 以下是一个屏幕截图: 标头与index.html文件位于同一图像目录中。将显示背景图像,但不会显示此标题。我在HTML中输入了两次标题作为div,在两个不同的位置测试它,看它是否工作,但由于某种原因它没有显示出来,我不明白 谢谢 #header { background-image:url('../emailheader.png'); width:100%; height:100%;

我制作了一个标题图像,但由于某些原因,我无法从CSS中显示它

以下是一个屏幕截图:

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

谢谢

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

 } 

<div id="header"></div>
#标题{
背景图像:url('../emailheader.png');
宽度:100%;
身高:100%;
背景重复:无重复;
} 
这里有一个例子。但我不知道为什么它不起作用。

您需要提供高度,否则它将取决于内部内容的高度,即0

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

您需要提供高度,否则它将取决于内部内容的高度,即0

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

关于seing代码的截图。我发现了两个问题

  • 第一个位置上没有样式表
  • 标题
    用于标识两个不同的元素。(也有人提到)

  • 但是,它没有出现在tinkerbin中的主要原因是因为
    div既不包含任何元素,也没有固定的维度。检查您的垃圾箱的更新。

    查看代码的屏幕截图。我发现了两个问题

  • 第一个位置上没有样式表
  • 标题
    用于标识两个不同的元素。(也有人提到)

  • 但是,它没有出现在tinkerbin中的主要原因是因为
    div既不包含任何元素,也没有固定的维度。检查你的箱子的更新。

    因为div中没有内容,所以它的高度为零,所以你看不到任何东西。向div添加一些内容,或向CSS添加
    高度
    最小高度

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


    请参阅。

    因为div中没有内容,所以它的高度为零,所以您什么也看不到。向div添加一些内容,或向CSS添加
    高度
    最小高度

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


    请参阅。

    这是因为您使用的是100%高度和100%宽度。只需将其更改为px值。

    这是因为您使用的是100%高度和100%宽度。只需将其更改为px值

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

    可以在没有div#标题中的内容的情况下工作,或者将一些内容放入div或使用 最小高度,它将工作

    谢谢

    }

    可以在没有div#标题中的内容的情况下工作,或者将一些内容放入div或使用 最小高度,它将工作



    谢谢

    可能没有问题,但您有两个元素具有相同的id。id必须是唯一的。此外,请将代码作为文本而不是图像发布。图像在哪里
    emailheader.png
    @sab,您使用了两个使用相同id的元素
    header
    id是唯一的,不应在页面中重复。使用header的id没有问题。看看我刚刚上传的tinkerbin,里面只有一个可能没有问题,但是你有两个元素具有相同的id。id必须是唯一的。另外,请将代码作为文本而不是图像发布。图像在哪里
    emailheader.png
    @sab,您使用了两个使用相同id的元素
    header
    id是唯一的,不应在页面中重复。使用header的id没有问题。看看我刚刚上传的小叮当,里面只有一个是的,有一个样式表。看,它只显示一个id标题你最好查一查谁投你的反对票,因为我没有这样做,我没有足够的声誉去做it@sab哦,对不起。我似乎反应过度了。但我不明白为什么有人会无缘无故地投反对票。不管怎样,我的解决方案有效吗?或者有什么我可以帮你的吗?这个答案怎么了?请告诉我。是的,有样式表。看,它只显示一个id标题你最好查一查谁投你的反对票,因为我没有这样做,我没有足够的声誉去做it@sab哦,对不起。我似乎反应过度了。但我不明白为什么有人会无缘无故地投反对票。不管怎样,我的解决方案有效吗?或者有什么我可以帮你的吗?这个答案怎么了?请告诉我,谢谢你的帮助。另一个人先回答,所以出于公平考虑,我选择了他,但再次感谢你的关注谢谢你的帮助。另一个人先回答,所以出于公平考虑,我选择了他,但再次感谢你的关注