Html 网格布局作为背景，不使用主体标记

我希望我的背景是网格。我发现：

html:

尽管它仅在使用body标记时才起作用。我希望能够将

body

更改为类似于#contentbody的内容，尽管这不起作用（不再显示网格）

我尝试将#content绝对位置和z-index设置为-1，并将其上方div的背景色设置为透明，但这也不起作用。有人能帮我吗

所以我基本上有两个问题，其中一个可以回答（如果你愿意，也可以两个都回答）：

我怎样才能拥有一个带有自定义标记的网格背景，如#contentbody（而不是

body

）

如何在

位置上覆盖div:aboslute；z-index:-1网格

背景并显示该网格

---

预先感谢帮助

< P>简单地考虑你已经在做的多个背景：

html，正文{
保证金：0；
填充：0；
身高：100%；
}
#内容{
背景：
线性梯度（0度，透明24%，rgba（255，255，255，.05）25%，rgba（255，255，255，.05）26%，透明27%，透明74%，rgba（255，255，255，.05）75%，rgba（255，255，255，.05）76%，透明77%），
线性梯度（90度，透明24%，rgba（255，255，255，.05）25%，rgba（255，255，255，.05）26%，透明27%，透明74%，rgba（255，255，255，.05）75%，rgba（255，255，255，.05）76%，透明77%），
线性梯度（#434343，#282828）；
身高：100%；
背景尺寸：50px50px，50px50px，自动；
}

---

<代码> <代码> >简单地考虑多个背景，就像你已经在做的：

html，正文{
保证金：0；
填充：0；
身高：100%；
}
#内容{
背景：
线性梯度（0度，透明24%，rgba（255，255，255，.05）25%，rgba（255，255，255，.05）26%，透明27%，透明74%，rgba（255，255，255，.05）75%，rgba（255，255，255，.05）76%，透明77%），
线性梯度（90度，透明24%，rgba（255，255，255，.05）25%，rgba（255，255，255，.05）26%，透明27%，透明74%，rgba（255，255，255，.05）75%，rgba（255，255，255，.05）76%，透明77%），
线性梯度（#434343，#282828）；
身高：100%；
背景尺寸：50px50px，50px50px，自动；
}

---

您的网格背景在小提琴中似乎运行良好。不知道为什么你认为不是。至于在网格上定位元素，您的网格背景在小提琴中似乎工作良好。不知道为什么你认为不是。至于在网格上定位元素-

<div id="content"> </div>

html{
    height:100%;
}
body {
    width:100%;
  margin: 0;
  padding: 0;
  height: 100%;
    background-color: #434343;
    background-image:linear-gradient(#434343, #282828);
}
#content{
    background-color: transparent;
    background-image:       linear-gradient(0deg, transparent 24%, rgba(255, 255, 255, .05) 25%, rgba(255, 255, 255, .05) 26%, transparent 27%, transparent 74%, rgba(255, 255, 255, .05) 75%, rgba(255, 255, 255, .05) 76%, transparent 77%, transparent), linear-gradient(90deg, transparent 24%, rgba(255, 255, 255, .05) 25%, rgba(255, 255, 255, .05) 26%, transparent 27%, transparent 74%, rgba(255, 255, 255, .05) 75%, rgba(255, 255, 255, .05) 76%, transparent 77%, transparent);
  height:100%;
  background-size:50px 50px;
}