Javascript 为什么对元素应用不透明度时我的文本不可见？

我正在应用

不透明度

来减轻我的

背景色

，因为我的

文本

不可见。有没有办法提高能见度

.abc{
  width:200px;
  height:200px;
  border:1px solid red;
  background: #211E1C;
  opacity: 0.03;
  color:green
} 

这是我的密码

---

在上面的示例中，ansn文本不可见为什么？

它按预期工作。非常低的不透明度意味着它几乎不可见或几乎不可见

尝试设置0.3或其他设置

---

参考：

不透明度：0.03

几乎是

不透明度：0

。这就是为什么你的文字是隐藏的

请使用

rgba

.abc{
宽度：200px；
高度：200px；
边框：1px纯红；
背景：rgba（33,30,28,0.03）；
颜色：绿色
}

JS-Bin
安森

当您将不透明度应用于任何内容时，您也将其应用于所有子元素。如果您只想将不透明度应用于背景，请尝试使用alpha，即rgba颜色进行查看

不透明度应用于整个元素，因此其中的任何内容都将具有该不透明度。可以使用rgba设置背景色的不透明度

.abc、.foo{
显示：内联块；
宽度：200px；
高度：200px；
边框：1px纯红；
背景：#211E1C；
颜色：绿色
}
.美国广播公司{
不透明度：0.03；
}
傅先生{
背景色：rgba（33,30,28,0.03）；
}

你好，世界
你好，世界

因为不透明度为0.03！您是否意识到这是整个元素的不透明度？将不透明度保留为1，以便内容保持可见，并仅使背景变亮：

background:rgba（33,30,28,0.03）