z-index 层叠顺序

关键字：z-index 不起作用  z-index  层叠顺序 失效 
         今天一网友让我帮看一个页面，说是一个设置过z-index值很大的div块仍然被遮住，不能显示。我看了下他说的页面，发现和我几个月前遇见的问题基本一样。现在把解决方法写在下面，希望对再遇见此问题的人有所帮助。

       z-index，特别是在嵌套的div元素中使用这个属性时，z-index的值即使设置的很大，有时仍不能起作用。解决方法就是如果你希望的div块能在最前显示，不被其它元素遮住。除了要把这个希望能在最前显示的div元素的z-index设置一个较大的值外，还应把它的父级元素的z-index设置一个小值。如果设置了父级元素仍不起作用，那还需继续设置它的父级元素的父级元素的z-index为一个较小值。当然也可以直接在body中直接设置z-index为一个较小值。
      ps:怎么提问，我觉得应尽量把问题的本质提取出来，把大问题进行分成一些小问题，这样想帮你的人便能很快地找到问题实质。在问别人问题时，我通常都会对问题进行一次重新加工，以便别人能很快把焦点集中在我想问的问题上来。还有不要问一些过于大的问题、过于笼统的问题（比如：xxx在xxx中怎么用不了）。

评论

2 楼 86asm 2011-03-07  

hyj1254 写道

'z-index' 
Value:   auto | <integer> | inherit  
Initial:   auto  
Applies to:   positioned elements  

z-index只对非static元素起作用。也就是说把元素本身position设为absolute或relative(fixed没试过)就行了。
另外有人说问对了问题其实就已经成功了一半，不知道怎么提问其实是正常的。

谢谢你的提醒

以下内容摘自网络：
   为什么css中设置z-index不起作用？
    * 要想给元素设置z-index样式，必须先让它变成定位元素，再通俗一点说，就是要给元素设置一个postion：relative(或者 absolute或者fixed)样式。
    * 不要给想控制“上、下”的元素设置z-index，而是对他们的父容器设置z-index样式。这一点详细解释和原因在《精通html和css设计模式》一书中较为详细的解释。

这篇文章也略有分析：
http://www.zhangxinxu.com/wordpress/?p=471

1 楼 hyj1254 2011-02-23  

'z-index' 
Value:   auto | <integer> | inherit  
Initial:   auto  
Applies to:   positioned elements  

z-index只对非static元素起作用。也就是说把元素本身position设为absolute或relative(fixed没试过)就行了。
另外有人说问对了问题其实就已经成功了一半，不知道怎么提问其实是正常的。