CSS遮罩父元素透明，子元素不透明

<div class="parent" style="background:rgba(255,255,255,0.5)">
    <div class="child" style="height:200px; background-color:red">子元素不透明</div>
</div>

但是对于IE6~8方面就无法兼容了，可以适当的降级。 如果一定要兼容的话只能考虑使用绝对定位的，看上去是包含关系的两个层，其实是兄弟关系，使用JS来控制其位置的呈现，这种具体就不再陈述了，网上解决方案很多。