Under IE7, the absolute position is blocked by the following elements

Understanding css is the most basic thing. Today, I accidentally used position and found that it is normal in ie8 and browsers. In ie7 and ie6, the relative element is completely blocked by the relative element. It is regarded as a z-index problem, but it does not work after the z-index is modified...

Baidu after the discovery of Blog: http://blog.sina.com.cn/s/blog_648b3bb101016l6n.html

I have read some documents. When the parent element with relative positioning is set, if the z-index attribute is not set, and the position: relative element is set later, the subsequent elements will block the previous elements, no matter how large a z-index is set for the preceding Element

The solution is to set the parent element z-index: 100, which must be greater than the blocked element.