如何CSS实现两个层重叠与显示？

test#father{ position:relative;/*父盒子位置要用relative*/ margin:20px auto; width:400px; height:100px; border:1px solid red; }#father #a{ position:absolute;/*子盒子位置要用absolute*/ width:100%; height:50px; background:blue; opacity:0.6; z-index:2; }#fa