Opacity problem in IE

[rpundlik]

Hello All,

I have implemented JQuery modal dialog in application. Also, i have set opacity through CSS class..

That works fine in chrome and firefox.. But in IE8 whenever modal dialog is shown,

the background is shown at bottom of the page and not over content of the page..

Why this is so ? Do i need to apply specific attribute for IE.

.ui-widget-overlay {
background: fixed #000;
opacity: .7;
-moz-opacity: 0.7;
filter: Alpha(Opacity=70) !important; 

}

[Paulie_D]

Could you make a Codepen because it’s not clear what you are trying to do?

[yoyo]

for IE8 opacity, try this

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=70)"; 

[Author]

Posts