Hi!, i have a problem! i have just finished this site http://lupeba.com.ar/invierno10/contacto.html

And it works great, but when i put in the a flash player, the overlays dosent work, and the flash stays in top, hidding the central logo.

It dosent happend with images, and iframes

can someone help me?


2 answers


Flash (and content embedded via object in general) is not affected by z-index. The HTML4/XHTML1 specs actually say that content of the parent page should not be allowed to overlap the area used by the embedded content. However, browser vendors felt compelled to follow Microsoft's lead in ignoring that requirement several years ago, and as a result we now have clickjacking attacks. Sigh.

To achieve what you want, you need to set wmode=transparent on the parameters of your flash object.

Answered about 9 years ago by Richard Grevers
Jordan 469

You need to use a z-index. The z-index property specifies the stack order of an element. An element with greater stack order is always in front of an element with a lower stack order. An example of CSS for this would be: img { position:absolute; left:0px; top:0px; z-index:5000; }.

Answered about 9 years ago by Jordan
  • z-index has no effect on embedded content (flash, iframes etc.) they are "always on top" Richard Grevers about 9 years ago
  • z-index works in the latest browsers - IE8, FF3.x and Chrome all support HTML overlaying Flash - see this article for details - http://www.flashdesignerzone.com/tutorials/t1026.php Hugo Rodger-Brown about 9 years ago