IE7 Z-index failure

Solution:

Add position: relative to the parent element, and set Z-index.

The Z-index of the parent element takes precedence. The Z-index of the contained element is relative to the index of the parent element.

<Div style = "position: relative; Z-Index = 2">

<P style = "position: absolute; Z-Index = 99">... (content to be displayed on the upper layer) </P>

<Div>

<Div style = "position: relative; Z-Index = 1">

...

<Div>

In the above example, if the Z-index of the first div is set to-1, no matter how many Z-index of P is, most of them will be covered by the following Div.

On the contrary, if the Z-index of the lower div is set to 2, when IE7 is interpreting it, it will automatically overlay it according to the order of the "position: relative" layer, that is, the actual value is 3.

If the position attribute is not added, all values are inherited from the parent level.

IE7 Z-index failure