IE7 sets the solution to the coverage problem of z-index SZYD

IE7 sets SZYD to solve the coverage problem of z-index. In view of this problem, this article introduces the corresponding analysis and solution in detail, hoping to help more partners who want to solve this problem to find a more simple and feasible method.

Setting the property of z-index in IE7 and previous versions did not take effect. Check the writing data and find that the main results and processing methods are:

If the parent element is set to position:relative, the z-index attribute of the child element will be overridden

Such as

The code is as follows:

In this case, no matter how high the z-index setting of the first red is, it will be overwritten by the second black

The solution is to set the z-index of the parent element

The code is as follows:

In this way, red will overwrite black

This is the solution to the problem of IE7 setting z-index coverage. I hope the above content can be of some help to you. If you still have a lot of doubts to be solved, you can follow the industry information channel to learn more about it.