CSS中的z-index属性设置问题 本文来源于[沒有觀點]

CSS网页编程的设置当中，z-index 属性是用来设置元素的堆叠顺序，而拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。但在实际的应用当中，不注意一些细节的话会发现很多问题。
z-index应该是CSS的Div盒子当中，用来调整网页布局、网页层次十分重要的一个属性，z-index对影响着网页的层次结构。在百度上有很多关于“position:absolute 与 z-index 对层次结构影响”的文章，大体分为“未使用z-index”、“使用z-index”对网页层次的影响。

在没有定义z-index的属性时，z-index的值默认为0，此时Div盒子在HTML文档中按照声明的顺序层叠，

此时的排列顺序应该为：001:位于最底层 002:位于中间层 003:位于最高层。
z-index 为无单位的整数值，可为负数；在定义好z-index属性时按照数值的大小排列，数值越大，越在外层。不过z-index在IE中表现得还好，但是到了Firefox或者Google Chrome后，如果z-index的值设为负数，可能使得这个层次中的链接点击不了，所以正常来说，还是不要把z-index值设置为负数。
说到z-index属性，大家一定要紧记一点，正如W3school有关z-index属性上说的一样：“Z-index 仅能在定位元素上奏效（例如 position:absolute;）！”例如说，你的网页当中本来有一个Div盒子A，它在CSS当中没有设置position属性，而只设置了z-index:10001；此时如果你有另外一个CSS的position属性设为absolute的 Div盒子B，并且想把这个position: absolute的Div盒子B放置于前一个没有设置position属性的Div盒子A底面，不管你Div盒子B的z-index属性设置的值有多小，都是没效的，因为你Div盒子A没有定义position属性

所以大家首先要记住这句话：“Z-index 仅能在定位元素上奏效”。而具体z-index值的设置应该是看一看、用一用就懂了，归纳起来也就是“z-index值越大，层次越靠上；值越小，层次越靠下”。
本文来源于[沒有觀點] http://guandian.co , 原文地址： http://guandian.co/program/css-position-absolute-z-index/