css - 为什么 Twitter Bootstrap 在定义 IE 后立即禁用渐变？

Question

Twitter Bootstrap 2.2.0 版指定了以下 CSS 规则.btn

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);

为什么它在应用过滤器后立即禁用过滤器？如果我查看 IE7 和 IE9 中的 Bootstrap 主页，我可以看到按钮上没有渐变。他们为什么要费心定义渐变？

Answer 1

Bootstrap 现在使用Less而不是纯 CSS。我的猜测是他们正在使用 mixin 来生成跨浏览器渐变，因此是第一行。

专有filter的不能很好地使用border-radius（只有 IE9+ 中支持两者的问题），所以它们禁用了这些浏览器中的过滤器，因此在第二行中覆盖。