为什么这个css类有3种不同的过滤器设置？

Question

这些是出于跨浏览器的原因吗？

希望有人可以向我解释：

opacity:.50;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter:alpha(opacity=50)

Answer 1

用于跨浏览器兼容性。请查看here和here以获取解释。

这是针对IE：

-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter:alpha(opacity=50)

这将在其他所有方面都有效：

opacity:.50;

Answer 2

不同的公司在浏览器中使用自己的实现。 CSS3 officially recognizes the 'opacity' property.

Answer 3

Firefox，IE，其他浏览器需要不同的CSS条目来渲染Alpha混合。