Question

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

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

Answer 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放在一起，将其放在另一个文件中。

Answer 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>

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

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

2 个答案: