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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • Qt5学习笔记——QRadioButton与QButtonGroup[通俗易懂]

    Qt5学习笔记——QRadioButton与QButtonGroup[通俗易懂]【我是小标题:使用QToolButton实现radiobutton功能。】QRadioButton是什么?  下图是Windows系统中典型的radiobutton显示效果。    QRadioButton是一个可以switchon或off的按钮,对应的状态为checked和unchecked。一组QRadioButton通常用于表示程序中“多选一”的选择,例如单项选择题。在一组r

    2025年6月30日
    2
  • linux基础-linux和unix的区别[通俗易懂]

    linux基础-linux和unix的区别[通俗易懂]有时候我们对天天使用的Linux指令,只知道怎么用,却分不清概念用法区别,我觉得很有必要整理整理大家熟视无睹的一些linux概念区别。首先说说unix和linux的区别:linux和unix的最大的区

    2022年8月1日
    4
  • navivat15激活码_通用破解码

    navivat15激活码_通用破解码,https://javaforall.net/100143.html。详细ieda激活码不妨到全栈程序员必看教程网一起来了解一下吧!

    2022年3月16日
    89
  • 按键精灵定位坐标循环_用按键精灵录制微信自动摇一摇脚本

    按键精灵定位坐标循环_用按键精灵录制微信自动摇一摇脚本金猪脚本(原飞猪脚本)以按键精灵教学为主,涉及UiBot,Python,Lua等脚本编程语言,教学包括全自动办公脚本,游戏辅助脚本,引流脚本,网页脚本,安卓脚本,IOS脚本,注册脚本,点赞脚本,阅读脚本以及网赚脚本等各个领域。想学习按键精灵的朋友可以添加金猪脚本粉丝交流群:554127455学习路上不再孤单,金猪脚本伴你一同成长.前面我们说了模拟器和应用app的安装,这里来说说另外一个重点,也是…

    2022年5月30日
    58
  • java integer最大值_java int型最大值/最小值,最大值+1,最小值-1

    java integer最大值_java int型最大值/最小值,最大值+1,最小值-1java中,int型变量是有符号整形变量。int型变量占用4个字节(32bit位)。int型变量采用补码形式来表示数值。对于一个二进制数,正数的补码是其本身,负数的补码是所有二进制位取反再加一。int变量中,第一位是符号位(0表示正数,1表示负数)。我们下面来实际分析int型中正数和负数是怎么表示的。5数字为正数,第一位符号为是0,正数5的二进制码是000000000000101,补码还是…

    2025年10月5日
    2
  • Python学习手册之正则表达式示例–邮箱地址提取

    Python学习手册之正则表达式示例–邮箱地址提取Python学习手册之正则表达式示例–邮箱地址提取

    2022年4月21日
    30

发表回复

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

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