码上敲享录 > CSS简单实例分享 > 弹出的蒙层无法盖住input框

弹出的蒙层无法盖住input框

上一章章节目录下一章 2019-11-03已有3073人阅读 评论(0)

今天遇到动态生成的input框无法被弹出的蒙层所覆盖,后来看看input框的样式才知道涉及到一个知识点,z-index,原因是我用了bootstrap的class样式(.form-control),

由于(.form-control)的样式是这样的


form-control{position: relative;z-index: 2;float: left;width: 100%;margin-bottom: 0;}


也就是z-index的值等于2,由于我的蒙层的z-index值为1,所有会被覆盖,我只要把我的蒙层的z-index值改为比2大就可以覆盖住class为form-control的input框了


z-index就是网页的z轴,用相对定位绝对定位把两个层重叠在一起,z-index的值越大,就越靠上,注意,z-index没有单位,z-index:99;这样写就够了




0

有建议,请留言!

  • *您的姓名:

  • *所在城市:

  • *您的联系电话:

    *您的QQ:

  • 咨询问题:

  • 提 交