满口金牙
2021-12-05 16:22
采纳率: 88.9%
浏览 65
已结题

css z-index 同级元素改变 层级关系无效

lang='less'

.div1,.div2,.div3{
  position: absolute;
}
.div1 {
  z-index: 900
}
.div2{
  z-index: 889;
}
.div3 {
  z-index: 887;
}

.div2:hover{
  z-index: 902;   //div2在顶层,(有效)
}
.div3:hover{
  z-index: 902;   //div3在顶层(有效)
}
// 下面这句无效
.div3:hover+.div2{
  z-index: 901;  // 同时div2在次顶层(无效)
}
// 这样也不行
.div3:hover .div2{
  z-index: 901;  // div2在次顶层
}
  • 写回答
  • 好问题 提建议
  • 追加酬金
  • 关注问题
  • 邀请回答

2条回答 默认 最新

相关推荐 更多相似问题