解决IE7下z-index 无效的问题

在调试网页的兼容性的时候，我们发现在IE7下使用z-index的时候，无论把z-index的值设置得多大都没有达到我们理想中的效果，设置了z-index还是被其他层遮盖了，究其原因其实是IE7渲染DOM的问题，当一个父容器被定位(如position:relative)的时候,子元素的z-index属性会被重置。

解决的办法，是在其父容器中加上z-index值就可以了（z-index属性必须与position配合用，否则其不会生效的）。