-->
Home > How-To, Tips, Web > Tip: How to send Flash elements to the back

Tip: How to send Flash elements to the back

I was checking the new LinkedIn search feature earlier today and noticed that the results displayed once you start typing inside the people search box were covered by the 300×250 flash ad.

This issue exists on many web sites where Flash objects appear in the front, and cover dynamic HTML content. One example are pages that have embedded YouTube videos as well as Snap Shots that appear as a layer under the video player instead in front of it .

To solve this issue, you should make sure the Flash object (ad, embedded video player, etc.) has a transparent background. Depending on whether you are using the OBJECT or EMBED tag:

  • Add the following parameter to the OBJECT tag: <param name="wmode" value="transparent">
  • Add the following parameter to the EMBED tag: wmode="transparent"

Once you change your code, you should not see an issue similar to the one below.



Share and Enjoy:
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • email
  • MySpace
  • NewsVine
  • Reddit
  • StumbleUpon
  • Technorati
  • dartkrs
    Thank you very much.

    For Adobe CS4 users: you also have to modify the javascript inside body -> set 'wmode' to 'transparent' and it will work perfectly :)
  • Thnk you very much...
  • Aramaic
    Nice..thanks
  • thank you veryyyyyyyyyyyy much
    i was stucked at here
    go with my fine hopes
  • anonym
    thanks for this
  • Perfect!!! Thank you so much for this tip. I used it on the upcoming rebuild of the BlackfootChallenge.org web site!
  • hards
    excellent, thanks
blog comments powered by Disqus