Html 删除位置或z索引属性时,文本颜色会发生变化

Html 删除位置或z索引属性时,文本颜色会发生变化,html,css,Html,Css,下面无序列表中的项目符号显示为灰色,但我希望它们为白色 * { z指数:1; } 身体{ 保证金:0; } 产品{ 高度:35em; 背景:2000人; 颜色:fff; } 产品ul{ 填充:0; } 产品ul li{ 高度:35em; 宽度:25%; 浮动:左; 背景色:红色; 位置:相对位置; } 产品p{ 位置:相对位置; 最高:40%; z指数:15; } 产品h1{ 文本对齐:居中; } 位置{ 位置:绝对位置; z指数:3; 背景色:rgba0,0,0,1; } ovrl{ 背景:

下面无序列表中的项目符号显示为灰色,但我希望它们为白色

* { z指数:1; } 身体{ 保证金:0; } 产品{ 高度:35em; 背景:2000人; 颜色:fff; } 产品ul{ 填充:0; } 产品ul li{ 高度:35em; 宽度:25%; 浮动:左; 背景色:红色; 位置:相对位置; } 产品p{ 位置:相对位置; 最高:40%; z指数:15; } 产品h1{ 文本对齐:居中; } 位置{ 位置:绝对位置; z指数:3; 背景色:rgba0,0,0,1; } ovrl{ 背景:rgba0,0,0,5; 高度:35em; 宽度:100%; 位置:绝对位置; z指数:2; } 为什么选择我们 定制 软件

车间

数字化 广告

电子学习


首先,如果您在产品ul li中有输入错误,请尝试以下操作:

#product ul li {
    position: relative;
}
此外,如果希望将某些内容应用于整个DOM,请使用html标记,而不是使用*

html {
    z-index: 1;
}
希望有帮助!
今后,尽量避免在CSS上使用Ids,通常认为在CSS上使用类和在Javascript上使用Ids是一种良好的做法。

您好,欢迎使用stack overflow。我建议您尝试创建一个演示您的问题的示例。如果你花时间从你的问题中删除不相关的细节,你更有可能得到一个有用的答案——而且,在重新编写问题的过程中,你很可能会自己找到答案。乍一看,我会说,当你将所有内容都设置为相同的z索引时,你的*选择器就是这么做的,然后它们按照呈现的顺序堆叠-这意味着文本实际上是白色的,但半透明的黑色ovrl div位于文本顶部,使其显示为灰色。你能告诉我什么是打字错误吗?我发现你的代码和我的代码是一样的,它是在你的代码的早期版本上,dw关于它