LinkBack URL
About LinkBacks
ZitierenDas Problem ist nicht, wie man die PNG-Grafik in den Vordergrund bekommt, sondern wie man das Flash-Video in den Hintergrund bekommt.
Siehe hier: http://www.biggle.de/blog/flash-in-d...rgrund-zwingen
PNG Grafik über Video legen
Hi zusammen,
ich wollte ein youtube video einbetten aber darüber eine PNG Grafik legen wegen Rahmen.
Habe da auch einiges gefunden mit z-index. Im Editor geht es aber im Firefox und IE ist es dann dennoch über der PNG Grafik.
Wo ist da der Fehler.Code:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Unbenanntes Dokument</title> <style type="text/css"><!-- .examplediv { width: 942px; height: 500px; } #divid1 { position:absolute; background-position: top; background-image: url(images2/bg.jpg); z-index:2; } #divid2 { position: absolute; height: 362px; top: 100px; width: 600px; margin-left: 170px; border: none; z-index:1; } // --></style> </head> <body> <div id="divid1" class="examplediv"></div> <div id="divid2" class="examplediv"> <object width="600" height="362"><param name="movie" value="http://www.youtube.com/v/lnLTMBy4_3E?fs=1&hl=de_DE&rel=0&hd=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/lnLTMBy4_3E?fs=1&hl=de_DE&rel=0&hd=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="600" height="362"></embed></object> </div> </body> </html>
Das Problem ist nicht, wie man die PNG-Grafik in den Vordergrund bekommt, sondern wie man das Flash-Video in den Hintergrund bekommt
Siehe hier: http://www.biggle.de/blog/flash-in-d...rgrund-zwingen
</andy>
Jetzt bauen wir´09 + ´10
Irgendwas mache ich falsch der wird nicht unsichtbar oo
Wo genau muss ich den einbinden?
EDIT: Problem gelöst aber wenn ich ein png drüber lege kann ich alles darunter nicht mehr anklicken oO
Geändert von Wild-Wolf (21.12.2010 um 12:24 Uhr)
Ok ich dreh gerade ab....
nur damit:gehts net wenn ich das weg lasse aberCode:<param name="wmode" value="transparent" />in den embed tag einbaue gehts aber es ist nichts im player zum anklicken.Code:wmode="transparent"
Code:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Unbenanntes Dokument</title> <style type="text/css"><!-- .examplediv { width: 942px; height: 500px; } #divid1 { position:absolute; background-position: top; background-image: url(images2/bg.png); z-index:2; } #divid2 { position: absolute; height: 362px; top: 100px; width: 600px; margin-left: 170px; border: none; z-index:1; } // --></style> </head> <body> <div id="divid1" class="examplediv"> </div> <div id="divid2" class="examplediv"> <object width="600" height="362"> <param name="movie" value="http://www.youtube.com/v/lnLTMBy4_3E?fs=1&hl=de_DE&rel=0&hd=1"/><param name="allowFullScreen" value="true"/><param name="allowscriptaccess" value="always"/><embed src="http://www.youtube.com/v/lnLTMBy4_3E?fs=1&hl=de_DE&rel=0&hd=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" wmode="transparent" width="600" height="362"></embed></object> </div> </body> </html>
Öhmm .. naja .. das würde ja auch bedeuten, daß Du durch das png hindurchklicken können müsstest .. nur weil es teilweise transparent ist, ist es ja nicht "weg" - quasi wie ne Glastür, vor die man läuft
Alternativ könntest Du versuchen, die 4 Rahmenseiten mit einzelnen pngs zu bestücken, so daß die Mitte tatsächlich frei bleibt ..
Da habe ich auch schon drann gedacht. Bleibt voll nichts anders übrig.
Aber danke
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)