关键字: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中怎么用不了)。