css 只改变父元素的透明度，不改变子元素透明度

jzman 发布于2019-08-29 12:36 / 3751人阅读

摘要：只改变父元素的透明度，不改变子元素透明度在给父元素背景设置透明度时，子元素内容继承了父元素的透明度利用属性，例如。但是不支持此属性，可按如下方法写父元素要写如下子元素加个定位即可。

css 只改变父元素的透明度，不改变子元素透明度rgba+opacity

在给父元素背景设置透明度时，子元素内容继承了父元素的透明度

利用CSS3属性 rgba，例如 background-color:rgba(0,0,0,0.5)。

但是IE7/8不支持此属性，可按如下方法写：

父元素div要写如下：

background-color: rgba(0,0,0,0.5)!important;background-color: #000;filter:Alpha(opacity=50);

子元素div加个定位 position:absolute/relative 即可。

云服务器 GPU云服务器元素透明度 js找父元素的兄弟父元素元素父节点

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/112013.html

CSS2-盒模型、背景图片

摘要：合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。雪碧图的使用背景图与元素的原点重合。白色框是元素，绿色框是背景图片。盒模型属性 margin外边距（top,right,bottom,left）border边框(top,right,bottom,left)padding内边距(top,right,bottom,left)content内容区(width,height)ma...

yuanzhanghu 2019-08-29 15:33 评论0 收藏0
jQuery笔记总结篇

摘要：希望在做所有事情之前，操作文档。不受层级限制子选择器在给定的父元素下匹配所有子元素。相邻选择器匹配所有紧接在元素后的元素。判断当前对象中的某个元素是否包含指定类名，包含返回，不包含返回下标过滤器精确选出指定下标元素获取第个元素。原文链接 http://blog.poetries.top/2016... 首先，来了解一下jQuery学习的整体思路 showImg(https://seg...

NoraXie 2019-08-22 10:39 评论0 收藏0
CSS

摘要：浮动元素会生成一个块级框，而不论它本身是何种元素。关于浮动的两个特点浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。由于浮动框不在文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存在一样。一、CSS CSS（cascading style sheet，层叠样式表）定义如何显示HTML元素。当浏览器读到一个样式表，它会按照这个样式表来对文档进行格式化（...

番茄西红柿 2019-04-23 13:12 评论0 收藏0
第一课关于侧边栏下拉手风琴的实现

摘要：一主要知识点布局，变换，事件触发二属性记忆规则子元素会继承父元素的布局属性。盒子的实际宽度设置的和不会影响实际宽度定位属性，用于上的角形的实现，此次小角形实现需要用到父相对位置，子绝对位置。一、主要知识点：html布局，css变换，js事件触发二.CSS属性记忆： CSS规则：子元素会继承父元素的布局属性。不专门改变子元素的属性，其会跟随父元素。功能语句 marg...

番茄西红柿 2019-04-23 11:52 评论0 收藏0
对jQuery的简单整理

jQuery 是一个类库，提供强大的选择器，不用考虑兼容性问题，进行DOM操作，动画功能，以及Ajax jQuery 1点几版本兼容IE6~8 而2-3的版本不兼容原生对象与jQuery对象的转化原生——>jq：oDiv——>$(oDiv) jq——>原生: $div1——>$div.get(0) 文档就绪函数一般jq都写在文档就绪函数里 $(document).ready(fu...

I_Am 2019-08-21 17:54 评论0 收藏0