Skip to main content
Home Forums Silverlight Programming Silverlight Controls and Silverlight Toolkit HTML overlaps Animation
4 replies. Latest Post by modikumar on December 2, 2008.
(0)
modikumar
Member
0 points
7 Posts
11-30-2008 10:01 AM |
Hi,
I am developing an silverlight application. The app displays ads towards one corner. For displaying the ads we are positioning the ad div (which contains an IFRAME), setting its z-order to 1 and making the silverlight app windowless and background to be transparent.
Everything works fine, the silverlight app is seen the ads are visible, but the animations in the silverlight app goes behind the HTML.
How can i solve this issue. I want the ad div to seen and the animation to be visible over the ad div as well.
shamrat231
Contributor
4667 points
595 Posts
11-30-2008 10:54 PM |
Write a css for the div section and set the opacity to 70% in that CSS so u can see both at the same.
Look at this link
http://www.mandarindesign.com/opacity.html
and if this post helps you then please 'Mark as Answer' - many thanks
Sharker Khaleed MahmudSoftware Developer(MCP,MCTS,MCPD[web])
This credits that member, earns you a point and marks your thread as Resolved so we will all know you have been helped.
Amanda W...
All-Star
17241 points
1,466 Posts
12-02-2008 4:37 AM |
modikumar: Everything works fine, the silverlight app is seen the ads are visible, but the animations in the silverlight app goes behind the HTML.
You can try to adjust the z-index property of the div containing the Silverlight Embed control to make it display front. for example: set its z-index: 999.
12-02-2008 5:19 AM |
Hi Amanda,
I tried doing that, the output remains the same. I still have the animations behind the div. What i did was, changed the div's opacity when the animations occured and reverted back to the original opacity when the animations stopped. Its a very crude hack that i've found till now. But that dosnt interest my client. Who wants the animations over the div, and also the ad div to be visible.
The design is very simple, i have a grid with images placed in rows and columns and inbetween there is a place holder for the ads i.e a set of 4rows and 4 columns is left blank, this is where am positioning the ad div. I have to be using the div, as these ad banners are already custom built by the client and they dont want to change their ad engine.
Please help me solve this issue. Appreciate your help!
regards
modi
12-02-2008 5:25 AM |
Hey Amanda,
Thanks a zillion....I cracked this, i changed the z-index of my ad div to 0 and change the z-index of the silverlight host div to 999....Its working like a charm.
regard
HTML overlaps Animation