Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 奇怪的div叠加行为_Html_Css - Fatal编程技术网

Html 奇怪的div叠加行为

Html 奇怪的div叠加行为,html,css,Html,Css,很抱歉这里的HTML不好,我不是很擅长。当尝试为朋友的Discord机器人创建HTML页面时,当尝试在主体后面获取后台div(类background)时,发生了一些奇怪的事情。很简单,我只是将z索引设置为-1。不过,这会导致Discord bot列表网站出现问题,因为它在所有内容背后发送背景信息,意味着它是隐藏的。“没问题,我只需要将z索引设置为765和766,对吗?”错了。我在Discord bot网站和codepen.io上试用过,每当我在main上使用非负索引时,它就会把它带到最前面。我可

很抱歉这里的HTML不好,我不是很擅长。当尝试为朋友的Discord机器人创建HTML页面时,当尝试在
主体
后面获取后台div(类
background
)时,发生了一些奇怪的事情。很简单,我只是将z索引设置为-1。不过,这会导致Discord bot列表网站出现问题,因为它在所有内容背后发送背景信息,意味着它是隐藏的。“没问题,我只需要将z索引设置为765和766,对吗?”错了。我在Discord bot网站和codepen.io上试用过,每当我在
main
上使用非负索引时,它就会把它带到最前面。我可以为
background
body
0和999创建索引,
background
仍将位于前面。有人知道我能做些什么来解决这个问题吗

相关CSS:

body {
  margin: 0;
  overflow-x: hidden;
  position: absolute;
  z-index: 999;
}

.background {
  background: url(URL);
  width: 100vw;
  background-size: 100% 100%;
  min-height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
相关HTML:

<body>
*things*
</body>

<div class="background"></div>

*事物*
这个怎么样

body {
  background-image: url(https://placehold.it/1000);
  background-size: cover;
}
我认为这些元素的工作原理可能有些混乱。我觉得你把事情弄得更复杂了。是这样吗?

这个怎么样

body {
  background-image: url(https://placehold.it/1000);
  background-size: cover;
}

我认为这些元素的工作原理可能有些混乱。我觉得你把事情弄得更复杂了。是吗?

是的。这在代码笔上很好用,不知道我为什么把它弄得这么复杂。不过,机器人程序列表网站仍在运行。好吧,如果你认为HTML只是一个框,那会有所帮助。“堆叠”在彼此的顶部并进行定位是非常罕见的是的。这在代码笔上很好用,不知道我为什么把它弄得这么复杂。不过,机器人程序列表网站仍在运行。好吧,如果你认为HTML只是一个框,那会有所帮助。“堆叠”在彼此的顶部并进行定位是非常罕见的你在尸体后面放了一个div,你是故意的吗?您希望在页面上显示的所有内容都应该位于
主体
标记内,甚至是背景。这里有一些规则:把所有的东西都放在body标签里,但是把
link
标签、
meta
标签、
title
标签,偶尔还有
script
style
标签放在你的
head
里,其他的东西都放在你的身体里。如果你想要特殊的标签来放置元素,我建议你搜索“语义html”,这会显示很多标签来放置导航、内容和边栏。你在正文后放了一个div,你是想这样做吗?您希望在页面上显示的所有内容都应该位于
主体
标记内,甚至是背景。这里有一些规则:把所有的东西都放在body标签里,但是把
link
标签、
meta
标签、
title
标签,偶尔还有
script
style
标签放在你的
head
里,其他的东西都放在你的身体里。如果您想使用特殊的标记来放置元素,我建议您搜索“语义html”,这将显示许多用于放置导航、内容和侧栏的标记。