✔ Flash bleibt immer oben trotz z-index

[eusbia]

Ich habe meinen Flashfilm wie in dem Skript unten eingebunden.

Leider bleibt dieser Film immer in der obersten Ebene. Was kann ich da tun? Hier mein Anfängerskript:

<div style="z-index:1;"><script type="text/javascript"> var so = new SWFObject("../flash.swf", "mymovie", "938", "143", "8", "#5fffff"); so.write("flashcontent"); </script></div>

(Als zweiten Film auf der Seite habe ich ein Pagepeel; ein fertiges Skript von pagepeers, bei dem der z-index auf 9999 gesetzt ist, trotzdem verschwindet das immer hinter meinem Flash-Header)

Danke für eine Antwort

 

[Maik]

Hi,

auch wenn eine Schichtpositionierung mittels z-index nur bzw. erst in Verbindung mit der position-Eigenschaft (absolute oder relative) greift, so hilft sie dennoch in diesem Fall grundsätzlich nicht weiter.

Deklarier stattdessen wmode="transparent" für das SWF-Object:

var so = new SWFObject("../flash.swf", "mymovie", "938", "143", "8", "#5fffff"); 
so.addParam("wmode", "transparent");
so.write("flashcontent");

mfg Maik

 

[eusbia]

Vielen Dank für die schnelle Antwort. Das hat auch sofort funktioniert.

Allerdings funktioniert seitdem mit dem IE6 auf der Website a href="mailto: nicht mehr ....

Ich habe versucht, den Grund herauszubekommen, bin aber vorwiegend auf Informationen hinsichtlich der Unverträglichkeit von wmode mit Firefox gestossen, wie hier:
http://mediavrog.net/blog/2008/02/25/browser/firefox/flash-wmode-transparent-evil-firefox/

Gibt es da noch eine andere Lösung?
>> Entweder Flash + mein Pagepeel und Unverträglichkeiten in Kauf nehmen
>> Oder Flash rauswerfen, wenn ich Pagepeels verwende
>> Oder ... ?!

 

[SonMiko]

Oha - ich dachte es wäre garnicht möglich ActiveX Objekte in Ebenen anzuordnen - irgendjemand sagte mal dass diese ohnehin immer zuletzt in das Dokument eingebunden werden und daher immer oben auf liegen...

Gut zu wissen...

 

[svena]

Hallo,

ich habe ein ähnliches Problem.

Ich habe einen Flashbanner auf meiner Seite und eine Suckerfish Lightbox (Bildergalerie), die sich beim öffnen hinter den Flash-Bildwechsler legt.

ich habe es nun auch mit dem <param name="wmode" value="transparent" /> versucht, doch bei mir klappt es nicht

Lediglich in FF auf dem Mac klappt alles hervorragend (auch ohne das "wmode"), doch im IE und im FF auf Windows klappt das nicht.

Was mache ich denn falsch? Wo muss ich das "wmode" im Code integrieren?


Sonnie

 

[eusbia]

Hi Sonnie


hier ein Beispiel, vielleicht hilft Dir das weiter:

<script type="text/javascript"> var so = new SWFObject("../flash/meinfilm.swf", "mymovie", "900", "150", "8", "#5fa1db"); so.addParam("wmode", "transparent"); so.write("flashcontent"); </script>

 

[svena]

Hier mein Code:

      <!-- anfang bildwechsler -->
  <div id="werb_oben">
  
  <script language="javascript">
    if (AC_FL_RunContent == 0) {
        alert("This page requires AC_RunActiveContent.js.");
    } else {
        AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0','name','diashow_XY','width','580','height','150','align','top','id','diashow_XY','src','diashow_XY','quality','high','bgcolor','#ffffff','allowscriptaccess','sameDomain','allowfullscreen','false','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','diashow_XY' ); //end AC code
    }
</script>

<noscript>
    <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" name="diashow_XY" width="580" height="150" align="top" id="diashow_XY">
    <param name="wmode" value="transparent" />
    <param name="wmode=transparent" />
    <param name="allowScriptAccess" value="sameDomain" />
    <param name="allowFullScreen" value="false" />
    <param name="movie" value="diashow_XY.swf" />
    <param name="quality" value="high" />
    <param name="bgcolor" value="#ffffff" />
    <embed src="diashow_XY.swf" quality="high" bgcolor="#ffffff" width="580" height="150" name="diashow_XY" align="top" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
    </object>
</noscript>
  </div>
  
  <!-- ende Bildwechsler -->

Das

    <param name="wmode" value="transparent" />
    <param name="wmode=transparent" />

habe ich da eingefügt, doch es funktioniert wie gesagt nur auf dem Mac Rechner, bei Windows hat´s gar nichts gebracht.

Vielleicht habe ich es an der falschen Stelle eingesetzt?

Sonnie

Wie und wo müsste ich dein beispiel in meinen Code einsetzen, damit es funktionieren könnte



Gruß

Sonnie

 

[Maik]

Hi,

versuch es mal hiermit (im Code-Fenster nach rechts scrollen, die fettmarkierte Lösung findet sich am Ende der entsprechenden Code-Zeilen):

<script language="javascript">
    if (AC_FL_RunContent == 0) {
        alert("This page requires AC_RunActiveContent.js.");
    } else {
        AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0','name','diashow_XY','width','580','height','150','align','top','id','diashow_XY','src','diashow_XY','quality','high','bgcolor','#ffffff','allowscriptaccess','sameDomain','allowfullscreen','false','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','diashow_XY','wmode','transparent' ); //end AC code
    }
</script>

<noscript>
    <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" name="diashow_XY" width="580" height="150" align="top" id="diashow_XY">
    <param name="wmode" value="transparent" />
    <param name="allowScriptAccess" value="sameDomain" />
    <param name="allowFullScreen" value="false" />
    <param name="movie" value="diashow_XY.swf" />
    <param name="quality" value="high" />
    <param name="bgcolor" value="#ffffff" />
    <embed src="diashow_XY.swf" quality="high" bgcolor="#ffffff" width="580" height="150" name="diashow_XY" align="top" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" wmode="transparent" />
    </object>
</noscript>

mfg Maik