Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][flash]Umieszczenie diva absolute nad flashem
Forum PHP.pl > Forum > Przedszkole
Kamils2
Witam,
Mam layout zakodowany na divach.
Potrzebuje nad wszystkimi divami wyswietlic plakat wiec daje diva z atrbutem position:absolute;
jest prawie ok jednak nakrywa mi go banner flash (nie div z bannerem poniewaz gdy wykasuje banner to jest ok to banner sam w sobie jest nad diviem z absolute)
Czy ktos wie jak to ominac ?

  1. <div id="poster">
  2. <div id="close">
  3. <a OnClick="document.getElementById(\'poster\').style.display=\'none\';">
  4. <img src="'.$dir.'templates/template/images/close.png"/>
  5. </a>
  6. </div>
  7. '.$r['page_content'].'
  8. </div>
  9. <div id="flash">
  10. <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"
  11. width="976" height="317" id="mymoviename">
  12. <param name="movie" value="'.$dir.'templates/template/flash/piwnica.swf" />
  13. <param name="quality" value="high" />
  14. <embed src="'.$dir.'templates/template/flash/piwnica.swf" quality="high" width="976" height="317" name="mymoviename" align="" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer">
  15. </embed>
  16. </object>
  17. </div>

  1. #poster{
  2. margin: auto;
  3. position:absolute;
  4. top:0;
  5. text-align: center;
  6. width: 976px;
  7. }
  8.  
  9. #close{
  10. width: 100%;
  11. position: absolute;
  12. top:0;
  13. text-align: right;
  14. }
  15. #flash{
  16. width: 976px;
  17. height: 317px;
  18. padding-left: 1px;
  19. }


Pozdrawiam Kamil
punkomuzykant
do flasha dodaj

<param name="wmode" value="transparent" />
i odpowiednio w embed
wmode="transparent"

Jeżeli coś dajesz absolute to ustaw to względem czegoś smile.gif Domyślnie rodzic tego diva ma statics a wtedy zależnie od tego jak się układa Twoja strona wszystko się może rozjechać więc.
<div style="position:relative;">
<div style="position:absolute; z-index:2; top:0px; left:0px;">
tu osadź swf
</div>
</div>
Jeżeli osadzisz to w ten sposób to
- na bank nic się nie przesunie tam gdzie nie powinno
- prawidłowo będą działały z-indexy
Pozdr.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.