今晚在写自己一个网页游戏的时候,遇到一个问题,就是CSS透明度的继承问题,我先解析下我的问题。
<div class="father">
<div class="child">
</div>
</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)的方法用起来比较优雅。
由于这些方法实在很简单,所以我就不敲代码了。