CSS遮罩父元素透明，子元素不透明


<div class="parent" style="background:rgba(255,255,255,0.5)"><div class="child" style="height:200px; background-color:red">子元素不透明</div>
</div>

但是对于IE6~8方面就无法兼容了，可以适当的降级。如果一定要兼容的话只能考虑使用绝对定位的，看上去是包含关系的两个层，其实是兄弟关系，使用JS来控制其位置的呈现，这种具体就不再陈述了，网上解决方案很多。

CSS遮罩父元素透明，子元素不透明相关推荐

[css] 当使用opacity时会使得元素的子元素也透明，此时不想要子元素也跟着透明怎么办？
[css] 当使用opacity时会使得元素的子元素也透明,此时不想要子元素也跟着透明怎么办? 当父元素使用opacity时,子元素也会继承该透明度,即使重新设置透明度也不行.楼上的两种方法要么是放弃 ...
[css] css中padding和margin是相对于父元素还是子元素呢？
[css] css中padding和margin是相对于父元素还是子元素呢? padding就是往自己身体里塞东西(盒子里面),margin就是穿衣服(盒子外面). ==>padding相对于子 ...
[css] 父元素下有子元素，子元素也有高度但父元素的高度为何为0呢？分析下可能出现的原因及解决方法
[css] 父元素下有子元素,子元素也有高度但父元素的高度为何为0呢?分析下可能出现的原因及解决方法父元素塌陷父元素在文档流中高度默认是被子元素撑开的,当子元素脱离文档流以后,将无法撑起父元素的高度 ...
前端----CSS 父元素在子元素之上显示
今天做练习想让父元素在上覆盖子元素的边框, 在网上查了些资料, 发现了一种办法能让父元素靠上显示, 把子元素的z-index值设为负数 (position不能是默认值,z-index对定位属性生效) ...
CSS回顾总结（二）——伪类、伪元素、子元素和后代元素选择器、盒子模型
目录伪类伪元素子元素和后代元素选择器盒子模型边距边框边框样式内联元素盒子模型伪类伪类:专门用来表示元素的一种特殊状态 * 比如:访问过的超 ...
jquery获取元素（父级的兄弟元素的子元素）
一.获取父级元素使用jquery获取父级元素: parent() 例如:$(this).parent('ul'); 二.获取同级元素使用jquery获取同级元素:siblings() 例如:$(t ...
HTML中的父元素与子元素
我是一个前端小白,目前将HTML,css基础学完了,在居中设置中讲解到父元素怎么设置子元素怎么设置,那么父元素,子元素到底是什么? 如以下代码: </head> <body> ...
CSS之关系选择器（子元素、后代、兄弟选择器）
<!DOCTYPE html> <html><head><meta charset="UTF-8"><title>< ...
jquery 同级元素下的子元素_jq 获取所有父级元素及同级元素及子元素的方法(推荐)...
1.获取父级元素 $("#id").parent() 获取其父级元素 $("#id").parents() 获取其所有的祖先元素 $("#id&quo ...
jQuery获取所有父级元素及同级元素及子元素的方法
jQuery获取所有父级元素及同级元素及子元素的方法 1.获取父级元素 $("#id").parent() 获取其父级元素 $("#id").parents() ...

CSS遮罩父元素透明，子元素不透明

CSS遮罩父元素透明，子元素不透明相关推荐

最新文章

热门文章