<head>
<style type="text/css"> /*定位规则,如果加position堆叠顺序优先,所以A此时变在B上面*/ #a,#b{ width:100px; height:100px; background-color:red; } #b{ background-color:green; opacity: 0.3; z-index: 1; margin-top:-20px; margin-left:20px;
position:relative;/*必须加相对定位,zindex才有效*/
} #a{
z-index: 2;
position:relative; }</style>
<body> <div id="a"> 我是A </div> <div id="b"> 我是B </div> </body>
此效果为a在上面,b在下面,因为index-2为2