Silverlight 2 Zindex Issue on ASP.NET Page IE6

Question

I Have a Silverlight Menu on a ASP.NET page, on this page bellow the menu there's a Html Table and bellow the table there's a dropdownlist.

The silverlight DIV is position: absolute; z-index: 999; The silverlight App is designed with zindex in its elements, is windowless, and background transparent.

This Works fine on Firefox however in IE6 (requirement) it doesn't work, the silverlight gets bellow the html table and dropdownlist

Any help would be appreciated.

Thanks Gabriel

Answer 1

I only spent a small amount of time reading up on this particular problem, but it seems that this is a problem with most z-index settings with IE6.

It appears that in Internet Explorer (windows) positioned elements do generate a new stacking context, starting with a z-index value of 0 quote

I found an article that addresses this issue by setting the parent div's z-indexes as well. However, you mention that the Silverlight div has a z-index specified, but no code, so I can only guess that what you have done might be the same as in the article.

There is another article that makes use of iFrames, that you might want to look at as well.

Hope this helps you.

Answer 2

Well I had to solve the problem with a nasty javascript.

The think is the IFrame solved most of the problem, another part I had to remove any position: relative i had used, and there was still the ASP.NET DropDownList's that got on front of my silverilght Menu, I didn't have the time to solve this on a 'correct' way (if I can even say this). I had to use javascript to hide the DropDownList's and when the user hover out of the menu I'll show the dropdownlist's again.

this link with a working example helped me a lot.

Thanks for the help everyone that helped.