首先呢,设置了定位的元素比正常文档流层级高,所以呢,要想让层级更高的元素显示在页面上层,首先得给它设置定位,如relative,absolute,fixed,这样z-index才会出现我们想要的结果。
然而,很多时候我们设置这样操作完却不是这样子的,比如,我想让先线框不覆盖文字,如图
暂时没有研究为什么文字不能覆盖线框,
不过我的解决办法是,
给层级高的元素设置background-color:white,用白色去覆盖层级低的!
看图
当然,背景色具体视自己的而定。
首先呢,设置了定位的元素比正常文档流层级高,所以呢,要想让层级更高的元素显示在页面上层,首先得给它设置定位,如relative,absolute,fixed,这样z-index才会出现我们想要的结果。
然而,很多时候我们设置这样操作完却不是这样子的,比如,我想让先线框不覆盖文字,如图
暂时没有研究为什么文字不能覆盖线框,
不过我的解决办法是,
给层级高的元素设置background-color:white,用白色去覆盖层级低的!
看图
当然,背景色具体视自己的而定。