父级透明,子级不透明
<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
父级透明,子级不透明相关推荐
- html子级透明度不随父级别,我不想从CSS的父级继承子级不透明度
我不想从CSS的父级继承子级的不透明度. 我有一个div是父级,而我在第一个div中有另一个div是孩子. 我想在父div中设置opacity属性,但我不希望子div继承opacity属性. 我怎样才 ...
- 四、Vue组件化开发学习笔记——父子组件通信,父级向子级传值(props),子级向父级传值(自定义事件),slot插槽
一.父子组件的通信 在上一篇博文中,我们提到了子组件是不能引用父组件或者Vue实例的数据的. 但是,在开发中,往往一些数据确实需要从上层传递到下层: 比如在一个页面中,我们从服务器请求到了很多的数据. ...
- Oracle递归查询(查询当前记录所有父级或子级)
Oracle递归查询(查询当前记录所有父级或子级) 向上递归查询 所有上级 元数据: 1 2 3 4 SELECT * FROM ORGANIZE START WITH PARENT_ID = '14 ...
- Java中使用递归算法实现查找树形结构中所有父级和子级节点
场景 在企业架构管理中使用树形结构进行管理,如图: 注:如果A的id是B的pid,那么A就是B的父级. 数据库数据如下: 现在需要根据传递的id查询此节点所有的父级节点以及此节点所有的子级节点. 实现 ...
- css 奇淫技巧 行内快 父级padding 子级margin 抵消
学了这么久,其实都是在学css3 html5 然后js很薄弱,趁着有时间,更一个新手不懂的,且很好用的css. 行内快的padding在html布局中很常用,但是你知道父级的padding 子级可以通 ...
- html 原生弹出框,html、css和js原生写一个模态弹出框,顺便解决父元素半透明子元素不透明效果...
模态框: html部分: 弹出框 hhhhh 取消 确认 css部分: #box{ width: 80px; height: 40px; background: #fd7430; border:non ...
- html、css和js原生写一个模态弹出框,顺便解决父元素半透明子元素不透明效果...
模态框: html部分: <!-- 按钮 --><button id="box" onclick="pop_box()">弹出框< ...
- CSS实现父元素半透明,子元素不透明的问题
关于这个问题,其实是不熟悉opacity和rgba,下面解释一波~ 颜色我们都知道有RGB,在RG个新的值,成B颜色模型增加了一为了RGBA颜色模型.最后一个是alpha通道的值,取值在0.0到1.0 ...
- js或jquery如何获取父级、子级、兄弟元素(包括祖级、孙级等)
原生javascript方法: 1 var a = document.getElementById("dom"); 2 del_space(a); //清理空格 3 var b = ...
- JS获取节点的兄弟,父级,子级元素
先说一下JS的获取方法,其要比JQUERY的方法麻烦很多,后面以JQUERY的方法作对比. JS的方法会比JQUERY麻烦很多,主要则是因为FF浏览器,FF浏览器会把你的换行也当最DOM元素 < ...
最新文章
- 华中科技大学计算机组成计算机数据表示实验(hust)平台_华中科技大学各院系2020年博士研究生“申请考核”制拟录取名单公示...
- MVC --.Routing
- MVC起始页面路径设置
- Android P 图形显示系统
- oracle 双结点监听文件,RAC监听服务两个节点 只能起一个
- C# HSSFWorkbook与XSSFWorkbook的区别和.xls和.xlsx的区别
- 设计模式-单件模式(Singleton pattern)
- session_unset()和session_destroy()用法分析
- java 下载后删除,在服务器端生成文件后,下载后并删除,改了后发现文件变成空白解决思路...
- 发年终奖了,创了新高
- javascript中的Date类型
- Linux bash shell递归函数
- python类属性用法总结
- mysql 查询缓存及设置
- 效果图软件选择手册 | Lumion、VRay、Conora、Enscape...你适合用什么软件做效果图?
- 计算机主机电源排线怎么取,电脑电源的线怎么接? 机箱电源线接法图解
- 洛谷T30768 动感超人520
- [工具(前端)] 后台管理模板
- MySQL - Failed to open the referenced table XXX
- 计算机网络矢量算法三个更新原则,距离矢量路由算法
热门文章
- 送书 | 一本针对零基础 AI 学习的书:Python入门到人工智能实战
- Blazeface 人脸检测器
- 二值神经网络重大突破,第一次胜过MobileNet!-1与+1的三年艰苦跋涉
- 文远知行2020年校招 | 领航者计划
- TensorFlow语义分割套件开源了ECCV18旷视科技BiSeNet实时分割算法
- 学习Python不需要程基础?
- 十年程序员将Python分成7个阶段学习,你会发现Python真的很简单
- 总结 | 那些里程碑意义的深度学习目标检测论文
- 计算机操作员(中级工)理论知识试卷,计算机操作员中级工理论试卷.doc
- Tensorflow高级API的进阶--利用tf.contrib.learn建立输入函数