Html <div> 元素背景图像不显示，div 内也没有任何内容答案

【问题标题】：Html <div> element background image not displaying and nothing inside of the div alsoHtml <div> 元素背景图像不显示，div 内也没有任何内容
【发布时间】：2015-02-22 08:28:05
【问题描述】：

我有一个带有背景图像的主体和另一个带有此 div 的背景图像的元素。我想要另一个图像 [页面上的第三个] 的 div 没有显示。我放在 div 里面的东西也没有显示出来。这是我的代码

<div id="middle" style="background-image: url(images/Home/binary.png); height: 200px; width: 1350px; border: 1px solid black;> 
    <h1>test</h1>
<[div]>

这就是我想要的背景图片。我确信该图像的来源是正确的，我已经检查过了。这是我的身体。

<body background="images\Home\diamond.png">

这工作得很好这是带有另一个背景图像的标题 div [工作正常]

<div id="top" style="background-image: url(images/Home/stars.png); height: 95px; width: 1350px; border: 1px solid black;>

我没有看到这里的问题。有人可以帮帮我吗？

【问题讨论】：

请发布您的代码
他的代码已发布，但无法正常工作。查看我的编辑以查看代码！或者我已经发布了一个稍微修改的答案。

标签： css html image divide

【解决方案1】：

您在 div 中忘记了 "。

<div id="middle" style="background-image: url("images/Home/binary.png"); height: 200px; width: 1350px; border: 1px solid black;">
    <h1>test</h1>
</div>

请注意，始终尝试将 CSS 与 HTML 分开，将其放在另一个文件中。

【讨论】：

现在有一条黑线勾勒出 div... div 里面的东西现在正在显示，但图像没有，只是一个黑色轮廓。我尝试将图像切换到另一个图像，但黑线轮廓仍然存在。
试试 background-image: url("images/Home/binary.png");.
我发现了问题，如果我将样式放在 css 文件中，它会出现黑色轮廓。如果我把它放在 div 里面，它工作得很好......不过，你知道问题所在吗，css 文件弄乱了图像。
我需要看看你的 CSS 来帮助你。你有没有尝试我的第二次更正？
我想我会坚持 div 元素中的样式，我不知道有什么问题。不过感谢您的帮助。

【解决方案2】：

正如 Docteur 所说，您在 div 的起始标记中缺少"。他还修复了但没有提到的是你的结束标签<[div]>应该是</div>

如果你得到你所说的

一个黑线勾勒出 div

这是因为你设置了一个黑色的 1px 边框border: 1px solid black;

试试这个：

<div id="middle" style="background-image: url("images/Home/binary.png"); height: 200px; width: 1350px;">
    <h1>test</h1>
</div>

您是否还检查了文件是否在该目录中、是否具有不同的文件名或没有损坏？

【讨论】：

感谢您回复这个问题 - 我不知道我是怎么错过那个边界的！