CSS 错误 jQuery Mobile Themeroller

Question

我使用 jQuery Molbile 的 Themeroller 为我的 jQuery Mobile 网络应用程序创建了一个主题。根据 Aptana studio 3，CSS 包含错误。

.ui-overlay {
background: #666;
opacity: .5;
filter: Alpha(Opacity=50);
position: absolute;
width: 100%;
height: 100%;
}

存在语法错误:此行出现意外的标记“=”:

filter: Alpha(Opacity=50);

我该如何解决这个问题？

Answer 1

// for IE5-7
filter: alpha(opacity=50);


// for IE8
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

// for all other browsers including IE9
opacity: .5;

根据您的要求选择是否要放置该属性。希望对你有帮助

编辑: 有用的 MSDN link展示 CSS 在 IE9 和其他版本中的最佳实践