PDA

View Full Version : Transparent mask does not work in IE8



dbassett74
2 Sep 2010, 6:19 AM
I have modified the default mask that appears (like when the MessgeBox is displayed), to use a transparent color, because I don't want the whole screen to turn a light gray. I did the following CSS mod:

.ext-el-mask {
background-color: Transparent;
}

This seems to work just fine in Firefox and Chrome, but in IE8, the mask is no longer blocking access to the UI elements that are masked. In other words, the MessageBox no longer exhibits modal behavior. Is there some work around for this?

Condor
2 Sep 2010, 6:25 AM
That's how IE works. Instead you should set the alpha filter to opacity 0.

dbassett74
2 Sep 2010, 6:49 AM
How do I get this to work for both IE and Firefox? Seems like its only one or the other that I can get to work: I'm using:

.ext-el-mask
{
background-color: Transparent;
filter: alpha(opacity=0);
}

Condor
2 Sep 2010, 7:07 AM
Don't modify the background-color, just the opacity:

.ext-el-mask {
-moz-opacity: 0;
opacity: 0;
filter: alpha(opacity=0);
}

dbassett74
2 Sep 2010, 7:32 AM
Thanks, that did it!