html - 我可以将div作为背景吗？

Question

美好的一天，我可以将我的div作为背景吗？

或者如何将我的 div 设置在另一个 div 的后面。

Answer 1

我认为您可以使用两个 div 标签并将位置指定为绝对位置，然后将背景赋予其中一个 div，如下所示：

<div class="abc">

</div>
<div class="xyz">
    dgffsgf
</div>

和 css 之类的：

.abc{
    position:absolute;
    background-color:red;
    height:100%;
    width:100%;
}

.xyz{
    position:absolute;
}

这将完成您的工作！

工作代码：Div

Answer 2

正确的做法是这四件事：

• 宽度：100%
• 高度：100%
• 位置：固定

• z-索引：-1

  .background_div { 背景颜色：红色；宽度：100%；高度：100%；位置：固定；z-索引：-1；}

Answer 3

HTML

    <div class="test"></div>

CSS

    .test{width:100%;height:100%;background:red;display:block;position:absolute;}

现场示例http://jsfiddle.net/YC6wD/

Answer 4

如果你想变得更时髦，你可以使用CSS element() 函数（仅适用于 Firefox）。根据规范：

从 Gecko 2.0 开始，您可以使用 element() CSS 函数将任意 HTML 元素用作 background 和 background-image 的背景图像

这仅仅意味着您可以使用一个实际 div的（或任何其他 HTML 元素）作为该background-image元素或另一个元素。我之前尝试过这个功能，给出了一些非常有趣的结果。

（但它并没有那么有用......）