Zurück   HTML Forum > Programmierung > CSS

CSS Für die Gestaltung deiner Webseite fehlen dir die nötigen CSS-Kenntnisse, dann wird dir in diesem Forum geholfen.

Neues Thema erstellen  Antwort
 
Themen-Optionen Thema durchsuchen
Alt 24.06.2009, 10:45   #1
Administrator
 
Benutzerbild von developr
 
Registriert seit: 11.11.2008
Ort: Bremen
Beiträge: 260
developr eine Nachricht über ICQ schicken developr eine Nachricht über MSN schicken
Standard DIV mit z-index über Flash legen

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-Code:
<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">&nbsp;</div>
</body>
</html>
developr ist offline   Mit Zitat antworten
Alt 24.06.2009, 11:00   #2
Administrator
 
Benutzerbild von developr
 
Registriert seit: 11.11.2008
Ort: Bremen
Beiträge: 260
developr eine Nachricht über ICQ schicken developr eine Nachricht über MSN schicken
Standard AW: DIV mit z-index über Flash legen

Oh ich habe es doch hinbekommen :-), der wmode = transparent muss auch als Parameter in den embed-Tag, hatte das vergessen ;-).

Korrekte Version:
HTML-Code:
<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">&nbsp;</div>
</body>
</html>
developr ist offline   Mit Zitat antworten
Neues Thema erstellen  Antwort

Stichworte
absolute, css, div, flash, position, relative, z-index
Themen-Optionen Thema durchsuchen
Thema durchsuchen:

Erweiterte Suche

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are aus
Pingbacks are aus
Refbacks are aus