gpt4 book ai didi

javascript - 以 html/css 作为正文背景的网格

转载 作者:行者123 更新时间:2023-11-28 06:14:45 27 4
gpt4 key购买 nike

我想创建一个包含用 css 生成的网格的 div,并且该 div 出现在其他包含 UI 的 div 后面。也就是说,正文中的一个 div 出现在另一个包含用户界面的 div 后面。后面的 div 必须包含使用 CSS 绘制的网格。

<head>
<style type="text/css">

#divcontainer {
width: 100%;
height: 100%;
position: absolute;
z-index: -999;
background-color: #bababa;
}

#divinnercontainer {
width: 10%;
height: 20%;
outline: 1px solid;
float: left;
}
</style>

</head>
<body>

<div class="divcontainer">
<div class="divinnercontainer"></div>
<div class="divinnercontainer"></div>
<div class="divinnercontainer"></div>
<div class="divinnercontainer"></div>
<div class="divinnercontainer"></div>
<div class="divinnercontainer"></div>
<div class="divinnercontainer"></div>
<div class="divinnercontainer"></div>
<div class="divinnercontainer"></div>
<div class="divinnercontainer"></div>
<div class="divinnercontainer"></div>
<div class="divinnercontainer"></div>
</div>

<div style="z-index:999">
<!-- UI -->
</div>

这是我的代码,但我没有看到任何网格,我做错了什么?

提前致谢

最佳答案

问题是因为您使用了 #divcontainer#divinnercontainer 而不是 .divcontainer.divinnercontainer

关于javascript - 以 html/css 作为正文背景的网格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35960184/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com