Iframe with Flash over div with z-index: 9999

0

Some components of my Flash chat are above the div of the header. As you roll the screen, these components come and go. Here is the image:

IdonothaveaccesstoFlash,that'stheproblem,itfollowstheFlashinclusioncode:

<!--BATE-PAPO--><sectionid="batepapo">
          <h2>Bate-Papo</h2>
          <p><iframe src="http://exemplo.org"width="100%" height="500"></iframe></p>
          </section>
          <!-- FIM BATE-PAPO -->
    
asked by anonymous 17.04.2014 / 16:23

1 answer

1

It does not have much secret and has nothing to do with z-index , just add the following to the <param> : wmode="transparent" tag.

So it will look like this, for example:

<object width="330" height="290" type="application/x-shockwave-flash" data="http://www.youtube.com/v/KEkR1ox_K10?version=3&amp;f=user_uploads&amp;app=youtube_gdata&amp;rel=1&amp;border=0&amp;fs=1&amp;autoplay=0" style="visibility: visible;">
   <param name="allowfullscreen" value="true" />
   <param name="wmode" value="transparent">
</object>

After adding the wmode property with the value transparent , it will start to respect the z-index of CSS.

I hope I have helped

    
17.04.2014 / 23:31