Hallo,
ich versuche gerade einen Text über eine Flashanimation zu lagern, komm aber nicht wirklich weiter.
Also:
Ich hab ein Grafik als Hintergrund für das Logo. Über diese Grafik steht dann unter anderem der Seitennamen etc.
Dies sieht in etwa so aus:
<div id="logo">
<h1 class="slogan">www.url.de</h1>
</div>
In logo ist dann als background die entsprechende jpg-Grafik angegeben.
So, nun wollte ich etwas Bewegung ins Logo bringen und habe als Ausgang die jpg-Grafik verwendet.
Diese soll nun das Hintergrundbild überlagern, sofern Flash aktiviert ist, dennoch soll weiterhin der slogan (www.url.de) zu sehen sein.
Sieht in etwa so aus:
<div id="logo">
<div id="flashlogo"><!-- Flashcode --></div>
<div id="textueberflash"><h1 class="slogan">www.url.de</h1></div>
</div>
Naja leider klappt es noch nicht so wie gewollt, www.url.de steht nun unterhalb der Flash-Animation.
Also hab ich mit verschiedenen absoluten Positionierungen rumgespielt, komm aber zu keinem zufriedenstellendem Ergebnis.
Hab z.B. folgendes:
<div id="logo"
<div style="position: absolute; top: 0px; z-index:1;">
<!-- Flashcode -->
</div>
<div style="position: absolute; z-index:2;">
<!-- url.de -->
</div>
</div>
Dann wird es im IE 6 wie gewünscht dargestellt, im Firefox 2.x aber leider nicht.
Wäre nett wenn mir jmd. weiterhelfen könnte.
PS:
Hab beim Flashcode <param name="wmode" value="opaque" /> angeben.
MFG
Dieter