т.е. фильтр с использованием GWT ResourceBundle CSS

Question

Я пытаюсь придать эффект тени GWT DialogueBox. Я применил следующий стиль к элементу

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.

Тот же CSS работает нормально, когда я не внедряю его из ResourceBundle, но явно добавляю в gwt.xml после удаления литерала. Правильно ли я использую литерал gwt или не правильно использую фильтр IE?

Помощь оценена

Спасибо

Answer 1

Что если вы удалите все экранированные символы и запятую в -ms-filter после фильтра Shadow, перед вторым 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)");