编译 GWT 项目中所有 CSS 文件(行过滤器:progid)上的错误

Question

我在"filter： progid： DXImageTransform.Microsoft.gradient"行的所有CSS文件中都收到编译错误。下面是我的 CSS 示例，以及我在 Eclipse 上为这个 GWT 项目遇到的错误。你能明白为什么吗？

错误：

Invoking generator com.google.gwt.resources.rebind.context.InlineClientBundleGenerator
               Preparing method style
                  The following problems were detected
                     [WARN] Line 25 column 9: encountered ":". Was expecting one of: "}" "+" "-" "," ";" "/" <STRING> <IDENT> <NUMBER> <URL> <PERCENTAGE> <PT> <MM> <CM> <PC> <IN> <PX> <EMS> <EXS> <DEG> <RAD> <GRAD> <MS> <SECOND> <HZ> <KHZ> <DIMEN> <HASH> <IMPORTANT_SYM> <UNICODERANGE> <FUNCTION> 
                     [WARN] Line 139 column 17: encountered ":". Was expecting one of: "}" "+" "-" "," ";" "/" <STRING> <IDENT> <NUMBER> <URL> <PERCENTAGE> <PT> <MM> <CM> <PC> <IN> <PX> <EMS> <EXS> <DEG> <RAD> <GRAD> <MS> <SECOND> <HZ> <KHZ> <DIMEN> <HASH> <IMPORTANT_SYM> <UNICODERANGE> <FUNCTION>

CSS 文件：

.header {
    position:absolute;
    top:0px;
    heigth:40px;
    width:100%;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    background: #0a0809; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,allthestuffhere==);
    background: -moz-linear-gradient(top,  #0a0809 0%, #0a0e0a 43%, #292b28 100%, #aebcbf 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0a0809), color-stop(43%,#0a0e0a), color-stop(100%,#292b28), color-stop(100%,#aebcbf)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #0a0809 0%,#0a0e0a 43%,#292b28 100%,#aebcbf 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #0a0809 0%,#0a0e0a 43%,#292b28 100%,#aebcbf 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #0a0809 0%,#0a0e0a 43%,#292b28 100%,#aebcbf 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #0a0809 0%,#0a0e0a 43%,#292b28 100%,#aebcbf 100%); /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0a0809', endColorstr='#aebcbf',GradientType=0 ); /* IE6-8 */
}

Answer 1

由于 filter 属性不符合 CSS 语法，请使用 literal 函数

filter: literal("progid:DXImageTransform.Microsoft.gradient(startColorstr='#0a0809', endColorstr='#aebcbf',GradientType=0)");

Answer 2

它应该是：

filter: progid :DXImageTransform .Microsoft .gradient(startColorstr ='#0a0809', endColorstr ='#aebcbf',GradientType =0 ); /* IE6-8 */