View Full Version : Ext.Messagebox mask transparency issue

19 Nov 2009, 7:34 AM
Hi All,

I am creating a progress window in the following manner.

title: 'Save in progress....',
msg: '<img src="/images/spinner.gif" border="0" align="absmiddle">&nbsp;&nbsp;Please hold on!.',
closable: false

It is working fine in all browsers. But, in IE8 on Vista alone, the mask behind the dialog becomes opaque in some pages. In other words, one cannot see the text in the browser if the mask appears in these pages.

After a lot of analysis, I realised it could be due to a Vista-Display Driver-IE issue which makes the alpha(opacity) filter ineffective for layers that extend beyond a certain height threshold. This link describes the issue that happens only in Vista/IE - http://social.msdn.microsoft.com/forums/en-US/iewebdevelopment/thread/29d0b0e7-4326-4b3e-823c-51420d4cf253/

We have some pages which extend beyond 2000 pixels. In these pages, when messagebox is dislayed, the mask appears opaque and hides the data behind.

Although this is not a direct ExtJs issue, could someone please suggest a workaround when using Ext.MessageBox?