CSS3：不透明度与过滤器不透明度？

Question

我在玩 CSS3 过滤器功能（模糊、对比度、反转等），并注意到有一个opacity功能：

filter: opacity(0.5);
-webkit-filter: opacity(0.5);
-moz-filter: opacity(0.5);

虽然我们已经有了：

opacity: 0.5;

如果我们将它们都应用于一个 HTML 元素，它似乎得到了双重效果！

现在这让我想知道，有什么区别吗？

编辑：

我不是在问旧的 IE，filter: alpha(opacity=50)因为那是微软的实现。我问的是 CSS3 还是filterCSS3 opacity？

Answer 1

@bram-vanroy 基本上已经发布了同样的问题。我认为这是最好的答案。

\n\n

\n

filter: opacity()与更成熟的opacity属性类似；\n 不同之处在于，使用filter: opacity()时，某些浏览器\n 提供硬件加速以获得更好的性能。不允许使用负值。\n

\n\n

过滤器：opacity()应用透明度。0% 的值是完全透明的。值为 100% 会使输入保持不变。0% 到 100% 之间的值是效果的线性乘数。这相当于将输入图像样本乘以数量。如果缺少\n \xe2\x80\x9camount\xe2\x80\x9d 参数，则使用值 100%。

\n

\n

Answer 2

感谢@JoeRohney 指出@ArmanNisch 的答案，我将发布此答案作为任何从官方来源寻找答案的人的未来参考。

基于关于过滤器的官方来源（Mozilla 文档）： op​​acity(value)：

注意：此功能与更成熟的属性类似opacity 。不同之处在于，通过过滤器，一些浏览器提供硬件加速以获得更好的性能。