当前位置: 首页 > 知识库问答 >
问题:

css - z-index为什么总是不启作用?

白星海
2023-08-11

z-index总是达不到效果,对层这块总是无法用z-index搞定,求指教

共有2个答案

仲孙文乐
2023-08-11

元素 position 属性为 static 时,z-index 属性是不会生效的,所以可以把 position 改成非静态的其他定位方式。
另外就是 z-index 是有 “层级” 的,具体可以参考社区的这篇文章 �� 理解 CSS 的 z-index 属性

姬经义
2023-08-11

z-index 生效前提是设置了position
如何父盒子的层级低, 子盒子的z-index设置多少都不会效果

 类似资料:
  • 问题内容: // Ignore z-index if position is set to a value where z-index is ignored by the browser // This makes behavior of this function consistent across browsers // WebKit always returns auto if the el

  • 问题内容: 根据flexbox规范: ..4.3。Flex Item Z-Ordering,…和其他值(即使是,也不会 创建堆叠上下文)。 因此,我认为/ 应该与flexbox一样正常工作,但是当我将它应用于此HTML / CSS时它不起作用(我的目标是放在创建两层之上): 我在flex属性上使用了适当的前缀。我不明白为什么它不起作用。 问题答案: 就像你在你的问题中写道,元素 并不 需要被定位为

  • 本文向大家介绍z-index有时不起作用的原因是什么?怎么解决?相关面试题,主要包含被问及z-index有时不起作用的原因是什么?怎么解决?时的应答技巧和注意事项,需要的朋友参考一下 1、可能是没有设置position 解决:设置position为relative,absolute,fixed 2、设置了浮动 解决:清除浮动 3、父元素position为relative 解决:设置为absolut

  • 问题内容: 这个div 比这上面显示的 当我在第一个div中分配z-index:98时,一切都很好!如果需要,我可以提供更多代码。 问题答案: z-index面向其父级-它们都在同一个父级元素中吗?z-index实现了自己的堆栈-例如: 框D,E和F是框C的后代->框F(z-index:-1)覆盖框B(z-index:1),因为它是框c的后裔(此框与z-索引:3,超出框b)

  • 描述 (Description) z-index设置元素的堆叠级别。 可能的值 (Possible Values) auto - 元素的堆栈级别与其父元素的堆栈级别相同。 integer - 元素的堆栈级别设置为给定值,并为任何后代元素建立新的堆栈上下文。 适用于 (Applies to) 所有定位的元素。 DOM语法 (DOM Syntax) object.style.zindex = "1";

  • 我正在编写一个安全系统,拒绝未经授权的用户访问。 它按预期授予授权用户访问权限,但也允许未经授权的用户进入! 为什么会发生这种情况?我已经明确声明,只有当等于Kevin、Jon或Inbar时,才允许访问。我也尝试过相反的逻辑,,但结果是一样的。 注意:这个问题旨在作为这个非常常见的问题的规范重复目标。还有另一个热门问题如何针对单个值测试多个变量?这有同样的基本问题,但比较目标是相反的。这个问题不应