大家都明白,如果一个页面中的同一位置有很多对象的话,势必会造成一个档住一个,造成堆叠错乱,想看的显示不出来,不想看的又显示在最上面。
遇到这种情况,要解决问题其实不能,因为我们可以控制网页中的各种对象显示顺序。
通过z-index属性就可以解决问题了。
z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。
注释:元素可拥有负的 z-index 属性值。
注意:Z-index 仅能在定位元素上奏效(例如 position:absolute;)!也就是说,没有设置position属性的对象,z-index一定不会起作用。
JavaScript 语法:object.style.zIndex="数字",这个数字可能的值如下:
auto 默认。堆叠顺序与父元素相等。
number 设置元素的堆叠顺序。
inherit 规定应该从父元素继承 z-index 属性的值。
<div id="ExamInforDiv" style="position:fixed; z-index:8888;">
内容
</div>
注意z-index 属性的值越大,说明越在上层,如果是-1,那就是最底层了。