How to overlay HTML on siilverlight without setting windowless property?

Question

I had a silverlight control, which i can't set the windowless property to the control. So, is there any way to display html content on top of the silverlight control without setting the windowless property?

Any help is much appreciated..

Answer 1

If you need the HTML to be displayed on top of the silverlight, you need to make an overlay DIV with css:

position: absolute; 
z-index: 9999; // Adjust z-index to make sure sharepoint modal dialog and dropdowns is still above it 
height: 100%; 
width: 100%; 

Within this DIV, you place the rest of the stuff you to be displayed above the silverlight.

Example:

<div style="position: absolute; z-index: 9999; height: 100%; width: 100%;">
    <div class="MyClass">
        This is where you place the content which shall be shown on top
        of the silverlight component.
    </div>
</div>

Hope this helps :)