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

About JayMeydad

Yovav "Jay" Meydad. Married+3. Lives in Los Angeles. Writes about internet, technology, mobile, football, music, travel and fatherhood. Currently works as VP of Product for Snap.com
This entry was posted in How-To, Tips, Web and tagged , , , , , , . Bookmark the permalink.

10 Responses to Tip: How to send Flash elements to the back

  1. hards says:

    excellent, thanks

  2. Perfect!!! Thank you so much for this tip. I used it on the upcoming rebuild of the BlackfootChallenge.org web site!

  3. anonym says:

    thanks for this

  4. ayman says:

    thank you veryyyyyyyyyyyy much
    i was stucked at here
    go with my fine hopes

  5. dartkrs says:

    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 :)

  6. Amit says:

    thanks. it really helped me!!! :)

  7. Yael says:

    Thanks a lot. You helped me out.

  8. Yael says:

    Thanks a lot. You helped me out.

  9. Jaymeydad says:

    You are awesome, you helped me even you Married +3 :)

  10. Sampath says:

    greate job dear……… thank a bilion

blog comments powered by Disqus