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来显示您的意思吗?我不认为这是我想要的。我以为您不希望方框阴影出现在前两个列表中。我不知道你说的是名单的边缘。