Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.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 如何使用z值?_Html_Css_Z Index - Fatal编程技术网

Html 如何使用z值?

Html 如何使用z值?,html,css,z-index,Html,Css,Z Index,在本例中,我希望在除顶部以外的所有位置使用长方体阴影: 我很确定可以用z值来做,但我不确定如何做,正如你所看到的,我做了一些尝试,但没有运气。我不建议使用z-index 考虑使用以下样式: ul:not(:first-child) { box-shadow:0 0 40px black; } 我想留下这个,但我认为你刚才发表的评论有助于澄清你在寻找什么。如果你使用位置:绝对,你也必须提供位置(顶部,左侧,等等)。否则position和z-index将无效,元素将按照它们在DOM中出现

在本例中,我希望在除顶部以外的所有位置使用长方体阴影:


我很确定可以用z值来做,但我不确定如何做,正如你所看到的,我做了一些尝试,但没有运气。

我不建议使用z-index

考虑使用以下样式:

ul:not(:first-child) {
    box-shadow:0 0 40px black;
}

我想留下这个,但我认为你刚才发表的评论有助于澄清你在寻找什么。

如果你使用
位置:绝对
,你也必须提供位置(
顶部
左侧
,等等)。否则
position
z-index
将无效,元素将按照它们在DOM中出现的顺序绘制


请参见

您不想“从顶部开始”使用阴影是什么意思?我不理解您的问题,但z索引只有在与
位置:绝对
位置:相对
一起使用时才有效。因此,在您的示例中,根本不读取z索引…抱歉,如果您将鼠标悬停在“Register”链接上,您应该会看到整个菜单周围都会出现阴影。我只希望它显示在左侧、底部和右侧(而不是顶部)。请在此处查看;)这里有一个更好的例子:您可以编辑JSFIDLE来显示您的意思吗?我不认为这是我想要的。我以为您不希望方框阴影出现在前两个列表中。我不知道你说的是名单的边缘。