CSS 透明度清除继承

CSS 透明度清除继承今晚在写自己一个网页游戏的时候 遇到一个问题 就是 CSS 透明度的继承问题 我先解析下我的问题 nbsp nbsp nbsp 假如 father 设置了透明度 那么 child 也会继承他的透明度 即使你修改 child 里面的透明度也不会生效 一位师姐叫我尝试下把透明度调到 1 以上 但我查了下 透明度是 0 到 100 IE 下是 0 到 1 之间 所以是行不通的 nbsp nbsp nbsp 我上网查了下资料 总

       今晚在写自己一个网页游戏的时候,遇到一个问题,就是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)的方法用起来比较优雅。

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


版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/232186.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号