CSS 增加 +100% 图像不透明度，可能吗？

Question

我尝试使用 text仅使用：opacity:3;filter:alpha(opacity=300);并且它有效，但不适用于图像，

任何选择？

Answer 1

如果您想使图像更暗，则不透明度不能超过 100%。100% 不透明度是最明显的，不透明度比例（如在照片/视频编辑中）从 0（完全透明）到 100（完全不透明）。

但是，您可以为图像提供一个过滤器属性，该属性将覆盖在图像之上。该过滤器属性可以做很多事情，但在这种情况下，您将从过滤器属性的亮度设置中受益最大。100% 亮度将以原始形式显示您的图像，而亮度百分比越低，过滤器将变得越暗，因此您的图像越暗。

它看起来像这样：

.slide-img{
  width: 100%;
  height: 20%;
  filter: brightness(50%);
}