<div class="cancel-box" id="cancel_box">
</div>
<div class="bg" id="j_bg"></div>
CSS代码：
.bg { width:100%; height:800px; background:#000000; position:absolute; top:0; left:0; z-index:100; filter:alpha(opacity=60); opacity:0.6; }
.cancel-box { width:300px; height:100px; padding:10px; background:#ffffff; border:1px solid #000000; position:absolute; top:50%; left:50%; margin-left:-156px; margin-top:-56px; z-index:200px; }
为什么我在bg上设置了透明，cancel-box也跟着透明了？

你没有处理好 z-index z-index 的设置只对 absolute,relative,fixed 的容器有效，这也是因为当容器设置为这些属性时，必须慎重处理一下 z-index

看到了，谢谢