<div style="opacoty:0.5;">

  <div style="opacoty:1;"></div>

</div>

这么写子级会继承父级的透明度,而且无法更改。我们可以利用background来改变透明度。

<div style="background:rgba(0,0,0,.5);">

  <div style="opacoty:1;"></div>

</div>

这么写子级并不会继承父级的透明度。

转载于:https://www.cnblogs.com/qiudongjie/p/6678980.html

父级透明,子级不透明相关推荐

  1. html子级透明度不随父级别,我不想从CSS的父级继承子级不透明度

    我不想从CSS的父级继承子级的不透明度. 我有一个div是父级,而我在第一个div中有另一个div是孩子. 我想在父div中设置opacity属性,但我不希望子div继承opacity属性. 我怎样才 ...

  2. 四、Vue组件化开发学习笔记——父子组件通信,父级向子级传值(props),子级向父级传值(自定义事件),slot插槽

    一.父子组件的通信 在上一篇博文中,我们提到了子组件是不能引用父组件或者Vue实例的数据的. 但是,在开发中,往往一些数据确实需要从上层传递到下层: 比如在一个页面中,我们从服务器请求到了很多的数据. ...

  3. Oracle递归查询(查询当前记录所有父级或子级)

    Oracle递归查询(查询当前记录所有父级或子级) 向上递归查询 所有上级 元数据: 1 2 3 4 SELECT * FROM ORGANIZE START WITH PARENT_ID = '14 ...

  4. Java中使用递归算法实现查找树形结构中所有父级和子级节点

    场景 在企业架构管理中使用树形结构进行管理,如图: 注:如果A的id是B的pid,那么A就是B的父级. 数据库数据如下: 现在需要根据传递的id查询此节点所有的父级节点以及此节点所有的子级节点. 实现 ...

  5. css 奇淫技巧 行内快 父级padding 子级margin 抵消

    学了这么久,其实都是在学css3 html5 然后js很薄弱,趁着有时间,更一个新手不懂的,且很好用的css. 行内快的padding在html布局中很常用,但是你知道父级的padding 子级可以通 ...

  6. html 原生弹出框,html、css和js原生写一个模态弹出框,顺便解决父元素半透明子元素不透明效果...

    模态框: html部分: 弹出框 hhhhh 取消 确认 css部分: #box{ width: 80px; height: 40px; background: #fd7430; border:non ...

  7. html、css和js原生写一个模态弹出框,顺便解决父元素半透明子元素不透明效果...

    模态框: html部分: <!-- 按钮 --><button id="box" onclick="pop_box()">弹出框< ...

  8. CSS实现父元素半透明,子元素不透明的问题

    关于这个问题,其实是不熟悉opacity和rgba,下面解释一波~ 颜色我们都知道有RGB,在RG个新的值,成B颜色模型增加了一为了RGBA颜色模型.最后一个是alpha通道的值,取值在0.0到1.0 ...

  9. js或jquery如何获取父级、子级、兄弟元素(包括祖级、孙级等)

    原生javascript方法: 1 var a = document.getElementById("dom"); 2 del_space(a); //清理空格 3 var b = ...

  10. JS获取节点的兄弟,父级,子级元素

    先说一下JS的获取方法,其要比JQUERY的方法麻烦很多,后面以JQUERY的方法作对比. JS的方法会比JQUERY麻烦很多,主要则是因为FF浏览器,FF浏览器会把你的换行也当最DOM元素 < ...

最新文章

  1. 华中科技大学计算机组成计算机数据表示实验(hust)平台_华中科技大学各院系2020年博士研究生“申请考核”制拟录取名单公示...
  2. MVC --.Routing
  3. MVC起始页面路径设置
  4. Android P 图形显示系统
  5. oracle 双结点监听文件,RAC监听服务两个节点 只能起一个
  6. C# HSSFWorkbook与XSSFWorkbook的区别和.xls和.xlsx的区别
  7. 设计模式-单件模式(Singleton pattern)
  8. session_unset()和session_destroy()用法分析
  9. java 下载后删除,在服务器端生成文件后,下载后并删除,改了后发现文件变成空白解决思路...
  10. 发年终奖了,创了新高
  11. javascript中的Date类型
  12. Linux bash shell递归函数
  13. python类属性用法总结
  14. mysql 查询缓存及设置
  15. 效果图软件选择手册 | Lumion、VRay、Conora、Enscape...你适合用什么软件做效果图?
  16. 计算机主机电源排线怎么取,电脑电源的线怎么接? 机箱电源线接法图解
  17. 洛谷T30768 动感超人520
  18. [工具(前端)] 后台管理模板
  19. MySQL - Failed to open the referenced table XXX
  20. 计算机网络矢量算法三个更新原则,距离矢量路由算法

热门文章

  1. 送书 | 一本针对零基础 AI 学习的书:Python入门到人工智能实战
  2. Blazeface 人脸检测器
  3. 二值神经网络重大突破,第一次胜过MobileNet!-1与+1的三年艰苦跋涉
  4. 文远知行2020年校招 | 领航者计划
  5. TensorFlow语义分割套件开源了ECCV18旷视科技BiSeNet实时分割算法
  6. 学习Python不需要程基础?
  7. 十年程序员将Python分成7个阶段学习,你会发现Python真的很简单
  8. 总结 | 那些里程碑意义的深度学习目标检测论文
  9. 计算机操作员(中级工)理论知识试卷,计算机操作员中级工理论试卷.doc
  10. Tensorflow高级API的进阶--利用tf.contrib.learn建立输入函数