z-index seems to fail in FF on iframe/object combination

B

Bart Van der Donck

Hello,

I'm having difficulties to understand why the code below doesn't work.
The idea is to generate an <iframe> with a higher z-index compared to
an <object>. In Microsoft Internet Explorer 6, everything works fine,
but Firefox/Netscape seems to have problems with this construction.

Am I overlooking something ?

-------------------------------------------
START HTML CODE
-------------------------------------------

<html>
<body>

<div style="z-index:0;position:absolute;left:50px;top:50px;">
<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0"
WIDTH="550" HEIGHT="210">
<PARAM NAME=movie
VALUE="http://www.gazelleworldwave.com/images/paradise_to.swf">
<PARAM NAME=quality VALUE=high>
<PARAM NAME=bgcolor VALUE=#000000>
<embed src="http://www.gazelleworldwave.com/images/paradise_to.swf"
quality="high" bgcolor="#000000" WIDTH="550" HEIGHT="210"
TYPE="application/x-shockwave-flash"
PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"/>
</OBJECT>
</div>

<div style="z-index:1;position:absolute;left:100px;top:70px;">
<iframe width="200" height="150" src="http://www.google.com/">
</iframe>
</div>

</body>
</html>
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Members online

Forum statistics

Threads
473,968
Messages
2,570,154
Members
46,702
Latest member
LukasConde

Latest Threads

Top