css - 如何在父 div 中设置不透明度而不影响子 div?

标签 css parent-child opacity

<分区>

嘿,我正在谷歌搜索,但我找不到任何完美的答案

我想在父 DIV 中设置 Opacity 而不是子 DIV

例子

HTML

<div class="parent">
<div class="child">
Hello I am child 
</div>
</div>

CSS

.parent{
background:url('../images/madu.jpg') no-repeat 0 0;
}
.child{
Color:black;
}

注意:--我想在 Parent Div 中使用 background-image 而不是 Color

最佳答案

我知道这是旧的,但以防万一它会帮助别人。

<div style="background-color: rgba(255, 0, 0, 0.5)">child</div> 

其中 rgba 是:红色、绿色、蓝色,a 是透明度。

关于css - 如何在父 div 中设置不透明度而不影响子 div?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10879045/

相关文章:

Python:如何为子类中的属性设置默认值

node.js 子进程 - spawn 和 fork 之间的区别

html - 如何通过半透明的 div 显示框阴影?

html - 更改背景图像不透明度,而不影响最大高度、最大宽度

html - 菜单中的不透明度,但不在列表中

css - 尝试将 JScrollPane 高度设置为 100% 而不拉伸(stretch)容器?

javascript - 更改 "AR.JS"中对象(.dae 或 gltf)的颜色

css - 使用 CSS 网格时如何垂直对齐 CSS 中的对象?

css - 使用带有磁贴的 css 文件

php - 使用 jQuery 使用 onClick 事件处理程序访问 html 表中的数据