今天遇到动态生成的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;这样写就够了