modalPanel opacity issues.... why?

[peterlen]

Hello,

I have several modalPanels.  For a couple of them, I need to set the opacity so that the modalPanel is slightly transparent.  Initially, I set the stryel attribute to be style='-moz-opacity:0.90;filter:alpha(opacity=90)'.  Worked fine in both Firefox 2 but in IE 7 it only worked if the modalPanel did not have the autosized="true" attribute.  I saw a forum question of this same time back in 2008/2007 which stated to declare

.rich-mpnl-panel {
   -moz-opacity:0.70;
   filter:alpha(opacity=70);
}

That did not work for either Firefox 2 or IE 7.  What did seem to work (I tried basically all of the internal style classes for a modalPanel), sort of, was:

.rich-modalpanel {
   -moz-opacity:0.70;
   filter:alpha(opacity=70);
}

This seemed to work fine in Firefox 2  but in IE 7, the modalPanel never even was displayed.  I am not sure if it actually did get displayed but for some reason it was fully transparent.  That would be odd.

So, the only way I seem to be able to get a modalPanel to have some transparency was to declare the values in the modalPanel's style attribute, but, again, IE 7 would not render it properly if the modalPanel had the autosized set.

Does anyone have any thoughts on what might be happening?

Thanks - Peter

[nbelaevski]

Hi Peter,

http://msdn.microsoft.com/en-us/library/ms532967(VS.85).aspx

The object that the filter is applied to must have layout before the filter effect displays. You can give the object layout by setting the height or width property, setting the position property to absolute, setting the writingMode property to tb-rl, or setting the contentEditable property to true.

Another ways to set hasLayout: http://www.satzansatz.de/cssd/onhavinglayout.html

Message was edited by: Nick Belaevski