css - 在 GWT UiBinder 中设置 "filter"css 值时发出警告

Question

我有以下警告:

00:48:06.843 [WARN] [XXXX] Line 71 column 11: 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> 

在 71 行中，我有以下行

<ui:style>
...
    .menuPopup {
        position:absolute; 
        top: 5px; 
        right: -80px;
        width:100px; 
        background-color: #F2F2F2; 
        -moz-box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.5); 
        -webkit-box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.5); 
        box-shadow:-1px 2px 5px 1px rgba(0, 0, 0, 0.5); 
        filter: progid:DXImageTransform.Microsoft.Shadow(color='#888888',Direction=135, Strength=3);    
    }
</ui:style>

当我删除 filter: progid:... 行时，它工作正常。

GWT 的 filter 属性有问题吗？

Answer 1

filter 不遵循 CSS 语法，所以你必须使用 literal() function GWT 的 CssResource:

filter: literal("progid:DXImageTransform.Microsoft.Shadow(color='#888888',Direction=135, Strength=3)");