Question

I used jQuery Molbile’s Themeroller to create a theme for my jQuery Mobile web app.
The CSS contains errors according to Aptana studio 3.

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

There’s a syntax error: Unexpected token “=” on this line:

filter: Alpha(Opacity=50);

How can I resolve this ?

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;

Based on your requirement choose if you want that attrib to be placed or not. Hope it helps

EDIT: useful MSDN’s link showing the best practices of CSS in IE9 & other versions