2012-03-14 60 views
1

我想給陰影效果的GWT DialogueBox。我將以下樣式應用於元素即過濾器使用GWT ResourceBundle CSS

popupPanel.setStylePrimaryName(「PopupPresenter」);

.PopupPresenter{ 
    height:550px; 
    width:700px; 
    border-style:solid; 
    border-width:2px; 
    border-color:red; 
    opacity:1.0; 
    background:white none repeat scroll 0 0; 
    -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.75); 
    -moz-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.75); 
    box-shadow:   4px 4px 10px rgba(0, 0, 0, 0.75); 
    /* For IE 8 */ 
    -ms-filter:literal("\"progid:DXImageTransform.Microsoft.Shadow(Strength \=55, Direction \=135, Color \='#736F6E'), 
     progid:DXImageTransform.Microsoft.Alpha(opacity \=100)\""); 
    /* For IE 5.5 - 7 */ 
    filter:literal("progid:DXImageTransform.Microsoft.Shadow(Strength \=55, Direction \=135, Color \='#736F6E') 
    progid:DXImageTransform.Microsoft.Alpha(opacity \=100)"); 

} 

除IE以外的所有瀏覽器都會從CSSResourcebundle中選取樣式。

當我不從ResourceBundle注入它時,相同的CSS工作正常,但在刪除文字後顯式地在gwt.xml中添加。我沒有正確使用gwt文字,還是沒有正確使用IE過濾器?

幫助表示讚賞

感謝

+0

標準屬性,比如'border-style:solid',被IE拾取嗎?如果你刪除了兩個IE屬性,它在IE中工作嗎? – 2012-03-14 16:44:47

+0

是的標準屬性被挑選出來。只有當我一起使用這兩個過濾器時,它纔會失敗。 – Hulk 2012-03-15 13:26:48

回答

0

如果你刪除所有的逃逸和逗號在-ms-filterShadow過濾器後,第二progid之前。

/* For IE 8 */ 
-ms-filter: literal("progid:DXImageTransform.Microsoft.Shadow(Strength =55, Direction =135, Color =#736F6E) progid:DXImageTransform.Microsoft.Alpha(opacity =100)"); 
/* For IE 5.5 - 7 */ 
filter: literal("progid:DXImageTransform.Microsoft.Shadow(Strength =55, Direction =135, Color =#736F6E) progid:DXImageTransform.Microsoft.Alpha(opacity =100)");