Css Div,z索引,不透明度。Bug、功能或用户相关问题?

Css Div,z索引,不透明度。Bug、功能或用户相关问题?,css,z-index,opacity,Css,Z Index,Opacity,嗨,我有一个CSS不透明度线中断预期输出的问题 红色div的Z指数为1,蓝色为206。 现在,从CSS中删除(或更改为1.0)。#菜单{opacity:0.8;} 按计划工作 有人能解释一下吗 或者更重要的是,我如何使我的深色div在顶部,而有一个半透明div? 我不是CSS专家,所以这很可能是用户错误。您的问题在于#menu建立了一个意外的 引述: 堆叠上下文由文档中的任意元素构成 哪一个是 根元素(HTML) 使用“自动”以外的z索引值定位(绝对或相对) 不透明度值小于1的元素。 这就

嗨,我有一个CSS不透明度线中断预期输出的问题

红色div的Z指数为1,蓝色为206。 现在,从CSS中删除(或更改为1.0)。
#菜单{opacity:0.8;}

按计划工作

有人能解释一下吗

或者更重要的是,我如何使我的深色div在顶部,而有一个半透明div?
我不是CSS专家,所以这很可能是用户错误。

您的问题在于
#menu
建立了一个意外的

引述:

堆叠上下文由文档中的任意元素构成 哪一个是

  • 根元素(HTML)
  • 使用“自动”以外的z索引值定位(绝对或相对)
  • 不透明度值小于1的元素。

这就是div在应用不透明度<1时出现意外行为的原因
#菜单
现在建立一个单独的堆叠上下文,其子体的z索引#状态在此上下文之外没有任何意义。要更正此问题,请将z索引应用于
#菜单本身。

I。。。嗯。。。你引用了什么?是的,我会用谷歌搜索的。我听懂了你的最后一句话,这就成功了。我嗯。。。哇!谢谢@托比斯;dr z-index仅对兄弟姐妹有效
#菜单
#输入
是同级,
#状态
#输入
不是同级。绝对不是tl;博士,我在看书。只是以前从未找到过那个资源。虽然有点过头了,但我会把它书签起来以备将来使用。你在这儿的时候还有好吃的吗?:)再次感谢您抽出时间@托比斯,这就是我现在能想到的。如果您刚刚开始使用CSS,那么SitePoint是一个很好的资源。