0

我只是想知道背景是否是彩色的，而内容 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>

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

提前致谢

4

4 回答 4

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>
于 2013-01-21T08:48:53.757 回答
1 
<div id="#container" style="background-url: url(xxx.png)">

应该

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

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

于 2013-01-21T08:49:37.977 回答
1

如果你<div>是空的，它会非常小（1x1 像素？），所以你不会看到你的背景。

所以你可以使用 CSS 来设置你的 idv 的大小，这样背景就会显示出来。例如，您可以使用：

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

注意：您的容器 div 的 id 是#container，我认为#标签 id 中不允许使用 a ...

于 2013-01-21T08:49:41.893 回答
0

试试下面的代码。

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 定义 height 属性，所以 body 是全黑屏的。

于 2013-01-21T08:47:19.250 回答