使用position 之后，后边的div 跑到上面怎么解决

Question

<div id="banner" class="cen">
    <div style=" position:absolute; z-index:-10; top:0; left:0"><img src="images/banner.jpg" /></div>
    <div style="position:absolute; z-index:10; top:269px; left:50%;margin-left:-367px;" >
    	<p><img src="images/cover.png" /></p>
    </div>
</div><!--banner-->
<div style="background-color:#F00"></div>

Answer 1

z-index代表在前在后，值更大的在更前面，你后一个是10，前一个是-10，显然后边的会在上面