CSS增加+ 100％的图像不透明度，可能吗？答案

【问题标题】：CSS increase +100% image opacity, posible?CSS增加+ 100％的图像不透明度，可能吗？
【发布时间】：2011-07-21 18:51:03
【问题描述】：

我尝试使用文本，只使用：opacity:3;filter:alpha(opacity=300);，它可以工作，但不是使用图像，

还有其他选择吗？

【问题讨论】：

【解决方案1】：

如果您试图使图像变暗，则不透明度不能高于 100%。 100% 不透明度是最明显的，不透明度等级（如在照片/视频编辑中）从 0（完全透明）到 100（完全不透明）。

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

看起来像这样：

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

【讨论】：

【解决方案2】：

即使可以将不透明度值设置为 100% 以上，这样做也没有任何好处。一旦某物 100% 不透明，它显然不会变得比这更不透明。

您想通过将不透明度设置为 100% 以上来达到什么目的？可能还有一些其他属性可以为您提供所需的效果。

【讨论】：

您好，我的朋友，我想将其标记为已回答，但我们缺少您要建议的“其他属性”：$
听起来您正在寻找的是一种使图像元素变亮/着色的方法，但我认为没有任何标准的方法可以通过 CSS 做到这一点。 Internet Explorer 支持filter 属性，它可以做你想做的事，但不适用于其他浏览器。另外，您可能想查看http://csstint.sourceforge.net/。
如果您的图像具有半透明像素，则不透明度 > 100% 可能真的很有意义。例如。如果图像中的像素具有 20% 的 alpha 值，并且您对图像应用 300% 的不透明度，则该像素将以 60% 的 alpha 值绘制（就像在同一位置绘制 3 倍相同的图像）。我也曾希望 CSS 支持这个功能。

【解决方案3】：

Image Transparency

我认为 opacity=300 没有任何意义；试试 opacity=30？

同样你说 opacity=3，你应该试试 opacity=0.3

【讨论】：

【解决方案4】：

嗯，你说它有效是什么意思？事物只能是 100% 不透明的……100% 不透明的意思是“你看不透它”

【讨论】：