<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
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
