<object > liegt immer im Vordergrund?

sight011

Erfahrenes Mitglied
wo muss ich diesen Schnipsel einsetzen?

<embed wmode="transparent" src="Name des Flashs.swf" quality="high" bgcolor="Farbe" width="Breite" height="Höhe" name="Name des Flashs" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />


es geht darum das eine swf datei imemr vor den html bildern liegt - die swf soll aber hinten liegen!

HTML:
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
    <title>
      Cohn Scheune
    </title>
    <link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico" />
    <link rel="stylesheet" type="text/css" href="css/style.css" />
    <style type="text/css">
/*<![CDATA[*/
    .c1 {width:950px !important;}
    /*]]>*/
    </style><!--[if lt IE 7.]>
<script defer type="text/javascript" src="js/pngfix.js"></script>
<![endif]-->
<script language="javascript">AC_FL_RunContent = 0;</script>

<script src="js/AC_RunActiveContent.js" language="javascript"></script>
  </head>
  <body>
    <div id="page" class="c1">
      <div id="header_clean" class="c1">
        <ul id="navigation">
          <li>
            <a href="index.html">Startseite</a>

          </li>
          <li>
            <a href="cohnscheune.html">Die Cohn-Scheune</a>
          </li>
          <li>
            <a class="link_active" href="chronik.html">Chronik</a>
          </li>
          <li>

            <a href="helfen.html">Helfen</a>
          </li>
        </ul>
      </div>
      <div id="flash_timeline">
<!--Im Film verwendete URLs-->
<!--Im Film verwendeter Text-->
<!-- saved from url=(0013)about:internet -->
<script language="javascript">
	if (AC_FL_RunContent == 0) {
		alert("Diese Seite erfordert die Datei \"AC_RunActiveContent.js\".");
	} else {
		AC_FL_RunContent(
			'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0',
			'width', '855',
			'height', '450',
			'src', 'flash_chronik',
			'quality', 'high',
			'pluginspage', 'http://www.macromedia.com/go/getflashplayer',
			'align', 'middle',
			'play', 'true',
			'loop', 'true',
			'scale', 'showall',
			'wmode', 'window',
			'devicefont', 'false',
			'id', 'flash_chronik',
			'bgcolor', '#ffffff',
			'name', 'flash_chronik',
			'menu', 'true',
			'allowFullScreen', 'false',
			'allowScriptAccess','sameDomain',
			'movie', 'flash_chronik',
			'salign', ''
			); //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=9,0,0,0" width="855" height="450" id="flash_chronik" align="middle">
	<param name="allowScriptAccess" value="sameDomain" />
	<param name="allowFullScreen" value="false" />
	<param name="movie" value="flash_chronik.swf" />
	<param name="quality" value="high" />
	<param name="bgcolor" value="#ffffff" />	#
	<embed src="flash_chronik.swf" quality="high" bgcolor="#ffffff" width="855" height="450" name="flash_chronik" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
	</object>

</noscript>
      </div>
    </div>
  </body>
</html>




EDIT: Muss ich einfach nur "embed wmode="transparent"" mit einfügen und dann z-index im css Teil für die beiden überlagenden Dinge festlegen?
 
Zuletzt bearbeitet:
M

Maik

Hi,

tausch mal dies hier:
Javascript:
'wmode', 'window',

gegen das hier:
Javascript:
'wmode', 'transparent',

Und füge im <embed> das Attribut wmode="transparent" ein.

mfg Maik
 
M

Maik

EDIT: Muss ich einfach nur "embed wmode="transparent"" mit einfügen und dann z-index im css Teil für die beiden überlagenden Dinge festlegen?
_________________________________
Geändert von sight011 (01.04.10 um 13:53 Uhr).
Ist dir meine Antwort entgangen, wie du vorzugehen hast?

mfg Maik
 

sight011

Erfahrenes Mitglied
Ich hab es schon geschafft

einen Inline CSS eingefügt: position: absolute; z-index: festlegen

und dann wmode="transparent" noch eingefügt


Und es ging:D!