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