如何为透明度为 50% 的 div 制作黑色背景？ rgba中的alpha通道不适用于黑色[关闭]

【问题标题】：how do i make a black background for a div with 50% transparency? alpha channel in rgba not working with black [closed]如何为透明度为 50% 的 div 制作黑色背景？ rgba中的alpha通道不适用于黑色[关闭]
【发布时间】：2022-02-08 22:03:21
【问题描述】：

rgba 中的 alpha 通道指定颜色的不透明度。当我将它与其他颜色一起使用时，它可以工作，但与黑色一起使用，而不是改变不透明度，它只是使黑色更亮。如何让它透明？

背景色：rgba(0, 0, 0, 0.5);

【问题讨论】：

不透明的黑色将显示下面的白色，从而显得更亮。目前还不清楚是什么问题。

标签： css reactjs

【解决方案1】：

你没有遇到问题。

试试这个简单的 sn-p - 背景已设置为白色以外的颜色，您可以看到它与半透明的黑色混合。

body {
  background-color: magenta;
  width: 100vw;
  height: 100vh;
}

div {
  background-color: rgba(0, 0, 0, 0.5);
  display: inline-block;
  width: 50%;
  height: 500%;
}

<body>
  <div></div>
</body>

您可能期待另一种黑色（灰色）？？

【讨论】：