z-index 的理解

这是我第一次写前端,用原生的js css代码写的 我碰到的最大的问题是z-index的值怎么设

当父元素设置了position属性并且设置了背景颜色,子元素设置了position:absolute和z-index:-1,子元素将会在父元素的层级背后不可见。
我在写界面代码的时候(轮播)就是把最大的父盒子z-index 设置了-1,所以浮在上面的功能盒子若要有监听事件再出现一个新盒子,就看不见了。

如果在父元素样式里加上z-index值,子元素的z-index的负数值将会失效,状态变为可见。
CSS postion中z-index负值的应用

z-index的理解1
z-index的理解2

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值