browser - 跨浏览器 CSS3 转换解析错误

Question

我已经设置了跨浏览器的 css3 bg 转换

background: #999; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#dadada'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dadada)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #ccc,  #000); /* for firefox 3.6+ */ 

但是当我在 Firefox 上打开这个页面时，它给我解析错误

解析“背景”值时出错。声明掉了。 @样式.css:43

解析“过滤器”的值时出错。声明掉了。 @样式.css:43

如何预防？

Answer 1

您无法阻止这些解析错误。 Firefox 不理解 filter 属性，从 Firefox 的 Angular 来看，webkit 语法是错误的。当标准尚未最终确定时就会发生这种情况。