CSS Ebenen über *fla anordnen?

Status
Nicht offen für weitere Antworten.
K

kirchel

Erfahrenes Mitglied
Hallo,

Ich habe ein kleines Problem,

Habe auf einer Seite unter einer Navigation eine Flash banner, die navigation besteht aus Ausklapbaren Menus, leider liegt der Flash Film aber über den Ausklapparen Navigationselementen und sind so nicht sichtbar.

Wie bekomme ich es hin das die Fla hinter bzw unter den navigationsebenen liegt?

Die Flash hat den Z-index 1 und die Naiv den index 2, daran liegt es also meiner Meinung nacht nicht.

Wäre sehr dringend weil bevor ich das Problem nicht behoben habe ich nicht Feierabend machen kann.

Hier ist der Code:

<body>
<div id="men" style="position:absolute; width:111px; height:139px; z-index:2; left: 224px; top: 78px; background-color:#FFFFFF; visibility: hidden;"><a href="#" onMouseOut="MM_showHideLayers('men','','hide')"><img src="0.General/images/dokumentation.gif" border="0"></a><a href="2.Documentation/2.1.ProductsSort.html" onMouseOver="MM_showHideLayers('men','','show')" onMouseOut="MM_showHideLayers('men','','hide')"><img src="0.General/images/dok1.gif" width="111" height="27" border="0"></a><a href="http://www.okisemi.com/jp/english/newpdf.htm" onMouseOver="MM_showHideLayers('men','','show')" onMouseOut="MM_showHideLayers('men','','hide')"><img src="0.General/images/dok2.gif" width="111" height="18" border="0"></a><a href="http://www.okisemi.com/jp/english/discon.htm" onMouseOver="MM_showHideLayers('men','','show')" onMouseOut="MM_showHideLayers('men','','hide')"><img src="0.General/images/dok3.gif" width="111" height="18" border="0"></a><a href="2.Documentation/2.3.QundR.html" onMouseOver="MM_showHideLayers('men','','show')" onMouseOut="MM_showHideLayers('men','','hide')"><img src="0.General/images/dok4.gif" width="111" height="18" border="0"></a><a href="1.Products/Packages.html" onMouseOver="MM_showHideLayers('men','','show')" onMouseOut="MM_showHideLayers('men','','hide')"><img src="0.General/images/dok5.gif" width="111" height="18" border="0"></a><a href="2.Documentation/2.5.Catalogues.html" onMouseOver="MM_showHideLayers('men','','show')" onMouseOut="MM_showHideLayers('men','','hide')"><img src="0.General/images/dok6.gif" width="111" height="18" border="0"></a>
</div>
<div id="men2" style="position:absolute; width:111px; height:70px; z-index:2; left: 336px; top: 78px; background-color:#FFFFFF; visibility: hidden;"><a href="#" onMouseOut="MM_showHideLayers('men2','','hide')"><img src="0.General/images/innovations.gif" width="112" height="24" border="0"></a><a href="3.Innovations/Innovations.html" onMouseOver="MM_showHideLayers('men2','','show')" onMouseOut="MM_showHideLayers('men2','','hide')"><img src="0.General/images/inno1.gif" width="111" height="23" border="0"></a><a href="http://www.okisemi.com/jp/english/feature.htm" target="_blank" onMouseOver="MM_showHideLayers('men2','','show')" onMouseOut="MM_showHideLayers('men2','','hide')"><img src="0.General/images/inno2.gif" width="111" height="18" border="0"></a>
</div>
<div id="men3" style="position:absolute; width:111px; height:89px; z-index:2; left: 448px; top: 78px; background-color:#FFFFFF; visibility: hidden;"><a href="#" onMouseOver="MM_showHideLayers('men3','','show')" onMouseOut="MM_showHideLayers('men3','','hide')"><img src="0.General/images/company.gif" width="112" height="24" border="0"></a><a href="4.Company/4.company.html" onMouseOver="MM_showHideLayers('men3','','show')" onMouseOut="MM_showHideLayers('men3','','hide')"><img src="0.General/images/comp1.gif" width="111" height="23" border="0"></a><a href="4.Company/4.2.Jobs.html" onMouseOver="MM_showHideLayers('men3','','show')" onMouseOut="MM_showHideLayers('men3','','hide')"><img src="0.General/images/comp2.gif" width="111" height="18" border="0"></a><a href="http://www.okisemi.com" target="_blank" onMouseOver="MM_showHideLayers('men3','','show')" onMouseOut="MM_showHideLayers('men3','','hide')"><img src="0.General/images/comp3.gif" width="111" height="18" border="0"></a>
</div>
<div id="men4" style="position:absolute; width:111px; height:71px; z-index:2; left: 560px; top: 78px; background-color:#FFFFFF; visibility: hidden;"><a href="#" onMouseOver="MM_showHideLayers('men4','','show')" onMouseOut="MM_showHideLayers('men4','','hide')"><img src="0.General/images/support.gif" width="112" height="24" border="0"></a><a href="http://www.okisemi.com/jp/english/faq-voi.htm" onMouseOver="MM_showHideLayers('men4','','show')" onMouseOut="MM_showHideLayers('men4','','hide')"><img src="0.General/images/tech1.gif" width="111" height="23" border="0"></a><a href="http://www.okisemi.com/jp/english/usersupp.htm" onMouseOver="MM_showHideLayers('men4','','show')" onMouseOut="MM_showHideLayers('men4','','hide')"><img src="0.General/images/tech2.gif" width="111" height="18" border="0"></a>
</div>
<div id="men5" style="position:absolute; width:111px; height:106px; z-index:2; left: 672px; top: 78px; background-color:#FFFFFF; visibility: hidden;"><a href="#" onMouseOver="MM_showHideLayers('men5','','show')" onMouseOut="MM_showHideLayers('men5','','hide')"><img src="0.General/images/contact.gif" width="112" height="24" border="0"></a><a href="6.Contact/6.1.SalesOffice.html" onMouseOver="MM_showHideLayers('men5','','show')" onMouseOut="MM_showHideLayers('men5','','hide')"><img src="0.General/images/cont1.gif" width="111" height="23" border="0"></a><a href="6.Contact/6.2.Distributors.html" onMouseOver="MM_showHideLayers('men5','','show')" onMouseOut="MM_showHideLayers('men5','','hide')"><img src="0.General/images/cont2.gif" width="111" height="18" border="0"></a><a href="6.Contact/6.3.Websiteproblems.html" onMouseOver="MM_showHideLayers('men5','','show')" onMouseOut="MM_showHideLayers('men5','','hide')"><img src="0.General/images/cont3.gif" width="111" height="18" border="0"></a><a href="6.Contact/impressum.html" onMouseOver="MM_showHideLayers('men5','','show')" onMouseOut="MM_showHideLayers('men5','','hide')"><img src="0.General/images/cont4.gif" width="111" height="18" border="0"></a>
</div>
<div id="men6" style="position:absolute; width:111px; height:71px; z-index:2; left: 784px; top: 78px; background-color:#FFFFFF; visibility: hidden;"><a href="#" onMouseOver="MM_showHideLayers('men6','','show')" onMouseOut="MM_showHideLayers('men6','','hide')"><img src="0.General/images/press.gif" width="112" height="24" border="0"></a><a href="7.Press/7.Press.html" onMouseOver="MM_showHideLayers('men6','','show')" onMouseOut="MM_showHideLayers('men6','','hide')"><img src="0.General/images/press1.gif" width="111" height="23" border="0"></a><a href="http://www.okisemi.com/jp/english/release.htm" onMouseOver="MM_showHideLayers('men6','','show')" onMouseOut="MM_showHideLayers('men6','','hide')"><img src="0.General/images/press2.gif" width="111" height="18" border="0"></a>
</div>

<div id="head">
<img src="0.General/images/logo.gif" width="150" height="78"><img src="0.General/images/headmotiv_blau_claim.jpg" width="746" height="78"><a href="http://www.okisemi.com/eu"><img src="0.General/images/home.gif" width="112" height="24" border="0"></a><a href="1.Products/Products.html"><img src="0.General/images/products.gif" width="112" height="24" border="0"></a><a href="javascript:;" onMouseOver="MM_showHideLayers('men','','show')"><img src="0.General/images/dokumentation.gif" width="112" height="24" border="0"></a><a href="javascript:;" onMouseOver="MM_showHideLayers('men2','','show')"><img src="0.General/images/innovations.gif" width="112" height="24" border="0"></a><a href="javascript:;" onMouseOver="MM_showHideLayers('men3','','show')" onMouseOut="MM_showHideLayers('men3','','hide')"><img src="0.General/images/company.gif" width="112" height="24" border="0"></a><a href="javascript:;" onMouseOver="MM_showHideLayers('men4','','show')" onMouseOut="MM_showHideLayers('men4','','hide')"><img src="0.General/images/support.gif" width="112" height="24" border="0"></a><a href="javascript:;" onMouseOver="MM_showHideLayers('men5','','show')" onMouseOut="MM_showHideLayers('men5','','hide')"><img src="0.General/images/contact.gif" width="112" height="24" border="0"></a><a href="javascript:;" onMouseOver="MM_showHideLayers('men6','','show')" onMouseOut="MM_showHideLayers('men6','','hide')"><img src="0.General/images/press.gif" width="112" height="24" border="0"></a></div>
<div id="head" style="height:850px; ">
<object classid="clsid: D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="400" height="135">
<param name="movie" value="flash/OKI%20Startup%20Banner%20V1.swf">
<param name="quality" value="high">
<param name="z" value="">
<embed src="flash/OKI%20Startup%20Banner%20V1.swf" width="400" height="135" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" z=""></embed>
</object>

Danke für die Hilfe!!

Kirchel
 
Ich wäre auch sehr an einer Lösung interessiert, da ich mich auch schon einige Zeit mit dem Problem herumschlage.

Alternativ: Kann man *.fla als Hintergrund einbinden? Das würde das Problem auch lösen.

Oder: Kann man diese spezifische Eigenschaft irgendwie abschalten?

Positionieren via CSS funktioniert nicht!
 
Also nach langer suche hier und im gesamtem Web bin ich zu der Vermutung gekommen das es dafür keine Lösung gibt. Hört sich blöd an, aber es scheint echt so zu sein.

Hätte einer ne andere Überlegenung wie man das Problem lösen könnte?
 
Ist euer Problem noch aktuell?

ich glaube ich habe gerade eine Lösung gefunden:
Man muss im <object>-Tag des Flash-Movies Folgendes hinzufügen:
<param name="wmode" value="transparent"/>
Ich dachte bisher, das käme nicht in Frage, weil nur der Internet Explorer diese Transparenz darstellen kann.
Wenn man aber in den <embed>-Tag
wmode= "transparent"
einfügt, kann auch Firefox es darstellen.
Viele Grüße, alchemist
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück