html - 如何在 div 不透明度中显示 100% 清晰度元素

Question

我有一个不透明度的 div: 40% 。但我希望 div 中的文本以 100% 的不透明度显示

#box {
Background-color:#000;
Opacity:40%;
}

标签： htmlcss

Answer 1

使用 rgba 的背景颜色

#box {
  background-color: rgba(255,0,0,0.4);
  width: 300px;
  height: 300px;
}

<div id="box">Text</div>