DIV mit z-index über Flash legen

Diskutiere DIV mit z-index über Flash legen im CSS Forum im Bereich Programmierung; Ist es möglich, ein DIV-Layer per z-index über ein Flash Objekt zu legen? Dem Flash einen z-index von 0 zu verpassen und dem DIV-Layer ein...
  • DIV mit z-index über Flash legen Beitrag #1
developr
developr
Teammitglied
Beiträge
336
Punkte Reaktionen
0
Ist es möglich, ein DIV-Layer per z-index über ein Flash Objekt zu legen?

Dem Flash einen z-index von 0 zu verpassen und dem DIV-Layer ein z-index von 1 funktioniert in der Praxis leider nicht. Auch mit dem Paramter wmode = tranparent hattte ich keinen Erfolg.

Hier mal mein Versuch:
HTML:
<html>
<head>
<title>DIV per z-index über Flash Objekt</title>
<style>
body { margin: 0px; }
#login { position:absolute; z-index:2; top:0px; left:0px; width:400px; height:300px; background-color:red; }
#flash { position:absolute; z-index:0; top: 15px; left: 15px; }
object { width: 728px; height: 90px; }
embed { width: 728px; height: 90px; }
</style>
</head>
<body>
<div id="flash">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0">
    <param name="movie" value="http://www.wow-forum.com/de/images/ads/gedicht_728x90.swf"/>
    <param name="quality" value="high"/>
    <param name="wmode" value="transparent"> 
    <embed src="http://www.wow-forum.com/de/images/ads/gedicht_728x90.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash"></embed>
</object>
</div>
<div id="login"> </div>
</body>
</html>
 
  • DIV mit z-index über Flash legen Beitrag #2
developr
developr
Teammitglied
Beiträge
336
Punkte Reaktionen
0
Oh ich habe es doch hinbekommen :), der wmode = transparent muss auch als Parameter in den embed-Tag, hatte das vergessen ;-).

Korrekte Version:
HTML:
<html>
<head>
<title>DIV per z-index über Flash Objekt</title>
<style>
body { margin: 0px; }
#login { position:absolute; z-index:2; top:0px; left:0px; width:400px; height:300px; background-color:red; }
#flash { position:absolute; z-index:0; top: 15px; left: 15px; }
object { width: 728px; height: 90px; }
embed { width: 728px; height: 90px; }
</style>
</head>
<body>
<div id="flash">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0">
    <param name="movie" value="http://www.wow-forum.com/de/images/ads/gedicht_728x90.swf"/>
    <param name="quality" value="high"/>
    <param name="wmode" value="transparent"> 
    <embed src="http://www.wow-forum.com/de/images/ads/gedicht_728x90.swf" wmode="transparent" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash"></embed>
</object>
</div>
<div id="login"> </div>
</body>
</html>
 
Thema:

DIV mit z-index über Flash legen

Oben Unten