html显示在最上,让DIV对象显示在最上层

大家都明白，如果一个页面中的同一位置有很多对象的话，势必会造成一个档住一个，造成堆叠错乱，想看的显示不出来，不想看的又显示在最上面。

遇到这种情况，要解决问题其实不能，因为我们可以控制网页中的各种对象显示顺序。

通过z-index属性就可以解决问题了。

z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。

注释：元素可拥有负的 z-index 属性值。

注意：Z-index 仅能在定位元素上奏效(例如 position:absolute;)！也就是说，没有设置position属性的对象，z-index一定不会起作用。

JavaScript 语法：object.style.zIndex="数字"，这个数字可能的值如下：

auto  默认。堆叠顺序与父元素相等。

number  设置元素的堆叠顺序。

inherit  规定应该从父元素继承 z-index 属性的值。

内容

注意z-index 属性的值越大，说明越在上层，如果是-1，那就是最底层了。