Question

我只是想知道背景是否有颜色且内容div是否在图像中？

<body style="background-color: black; ">
  <div id="header" style="background: url('xxx11.png') repeat left top;">

  </div>

  <div id="#container" style="background-image: url(xxx.png)">
  </div>
</body>

当我跑步时，我只能看到黑色但看不到背景图像..

提前致谢

Answer 1

在未设置div的宽度和高度之前，您将看到黑色。你没有div的设置宽度或高度，或者没有内容。这就是为什么它显示了身体的黑色。当您使用内联样式时，可以使用：

<div id="header" style="background: url('xxx11.png') repeat left top; width:*px; height:*px;">
</div>

<div id="container" style="background-image: url(xxx.png); width:*px; height:*px;">
</div>

Answer 2

<div id="#container" style="background-url: url(xxx.png)">

应该是

<div id="#container" style="background-image: url(xxx.png); width=500px; height=500px;">

将宽度和高度设置为您需要的任何值。

Answer 3

如果您的<div>为空，则它会非常小（1x1像素？），因此您将看不到自己的背景。

因此您可以使用CSS来设置idv的大小，因此会显示背景。例如，可以使用：

#header {
    position:absolute;
    height:200px;
    width: 400px;
}

注意：您的容器div的ID为#container，我认为标签ID中不允许# ...

Answer 4

尝试以下代码。

background: url(../img/pattern/59.png) 0 0 scroll #ccc;

<body style="background-color: black; ">
    <div id="header" style="background: url('img/4.png') repeat left top #CCC;height:200px;">

    </div>

    <div id="container" style="background-image: url(img/5.png);height:200px;"></div>
</body>

上面的代码已经过测试，因为你没有为div定义高度属性，因此全部都是黑色屏幕。

身体背景颜色和图像中的div

4 个答案: