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


相关推荐

  • Eclipse代码自动补全操作

    Eclipse代码自动补全操作1、打开Eclipse,点击”Window-Preferences”2、在搜索栏上输入java->Editor->ContentAssist->修改AutoactivationtriggersforJava

    2022年5月6日
    52
  • 某天擎取消密码_360天擎默认密码

    某天擎取消密码_360天擎默认密码1.出于公司原因,很多会要求下载某信天擎,但是退出或者卸载的时候总会让你输入密码,这种流氓行为是可耻的,以下是取消密码的方式:注:本人电脑win11系统win10尝试杀掉后台进程在修改:进程名如图(个数未必和我相同全部杀掉即可)本次选择的方式为修改本地文件(1)找到文件路径如图所示:(如果忘记软件安装路径请看文章最后附有查看方式)(2)打开文件:拉到最底部等号后边全部删除删除后:查看安装路径的方式1.选中快捷方式单击右键选择属性(选中位置就是安装路径..

    2025年12月2日
    4
  • 重绘和回流以及如何优化

    重绘和回流以及如何优化1 浏览器渲染机制浏览器采用流式布局模型 FlowBasedLay 浏览器会把 HTML 解析成 DOM 把 CSS 解析成 CSSOM DOM 和 CSSOM 合并就产生了渲染树 RenderTree 有了 RenderTree 我们就知道了所有节点的样式 然后计算他们在页面上的大小和位置 最后把节点绘制到页面上 由于浏览器使用流式布局 对 RenderTree 的计算通常只需要遍历一

    2025年8月3日
    3
  • 很黄很暴力「建议收藏」

    很黄很暴力「建议收藏」 http://hen.huang.hen.bao.li/这网站有点意思,某种程度上起点舆论监督的作用吧既然你诚心诚意地问了,我们就大慈大悲地告诉你,为了防止世界被破坏,为了维护世界的和平,贯彻爱与真实的罪恶,可爱而又迷人的反派网站,很黄!很暴力!我们是穿梭在墙外的敢死队,互联网的明天等着我们,就是这样,喵!

    2022年10月14日
    3
  • Idea激活码永久有效Idea2021.3.3激活码教程-持续更新,一步到位[通俗易懂]

    Idea激活码永久有效Idea2021.3.3激活码教程-持续更新,一步到位[通俗易懂]Idea激活码永久有效2021.3.3激活码教程-Windows版永久激活-持续更新,Idea激活码2021.3.3成功激活

    2022年6月17日
    48
  • path是什么意思啊_globalmapper转换投影

    path是什么意思啊_globalmapper转换投影投影投影是JMESPath的关键特性之一。它允许您将表达式应用于元素集合。有五种投影:列表投影切片投影对象投影展平投影过滤投影处理投影需要注意的点投影分为两个步骤。左侧(LHS)创建一

    2022年7月31日
    7

发表回复

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

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