CSS 透明度清除继承

   今晚在写自己一个网页游戏的时候，遇到一个问题，就是CSS透明度的继承问题，我先解析下我的问题。

[html]  view plain copy

1. <div class="father">  
2.     <div class="child">  
3.           
4.     </div>  
5. </div>  

      假如father设置了透明度，那么child也会继承他的透明度，即使你修改child里面的透明度也不会生效，一位师姐叫我尝试下把透明度调到1以上，但我查了下，透明度是0到100，IE下是0到1之间，所以是行不通的。

      我上网查了下资料，总结了4种解决方法:

      （1） 写一些hack，可以直接控制那个元素的透明度

      （2）用图片

      （3）父元素的position设置为relative，子元素设置为absolute来覆盖

      （4）父元素不用CSS3来设置透明度，而是设置rgba来设置透明度

      （1）（2）的方法用起来比较别扭，而（3）（4）的方法用起来比较优雅。

        由于这些方法实在很简单，所以我就不敲代码了。