如果父元素和子元素位于不同的堆叠上下文中,那么子元素的 z-index 值将只在其自身的堆叠上下文中有效,而不是与父元素的堆叠上下文进行比较。例如,如果父元素或子元素应用了 transform、opacity 小于1、filter、will-change 或isolation: isolate 等属性,这些都可能创建新的堆叠上下文。 4. 确认是否存在其他CSS规则影响...
{ position: absolute; opacity: 0; /*Hide this one*/ } .hack { /*Don't use any top/bottom here !!*/ left: 190px; right: 10px; position: absolute; z-index: 1; } .hack img { width: 40%; position: absolute; right: 0; bottom: 0; transform: translateY(70%); max-width:300...