Html <div>元素背景图像不显示,div内部也没有</div>

时间:2015-02-22 08:28:05

标签: html css html5 image divide

我有一个带有背景图像的主体和另一个带有此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;>

我没有在这里看到问题。有人可以帮助我吗?

2 个答案:

答案 0 :(得分: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>

作为备注,请尝试将CS​​S与HTML放在一起,将其放在另一个文件中。

答案 1 :(得分:1)

正如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>

您还检查过该文件是否在该目录中,是否有不同的文件名或是否已损坏?