Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS]Wyświetlenie diva na pierwszym planie
Forum PHP.pl > Forum > Przedszkole
Mlodycompany
23.01.2010, 18:23:29
Witam. Otóż napotkałem problem. Mam film z YouTube na stronie i otwierany modalbox. Chciałbym aby box był wyświetlany nad filmem. Normalnie mi sie wyświetla pod tym filmem i wystaje kawałem boxa. Jak coś takiego ustawić? Jeżeli będzie potrzebny kod to zamieszcze, ale sądze, że nie będzie.
bełdzio
23.01.2010, 18:30:48
dodaj do flasha

Kod
<param value="transparent" name="wmode" />
Mlodycompany
23.01.2010, 19:11:43
Zmieniłem to we wszystkich paramach i kod jest taki: [html]<object width="595" height="400"><param name="movie" value="transparent" value="http://www.youtube.com/v/'.$row[3].'&hl=pl&fs=1&&color1=65c90b&color2=19b1c3"></param><param name="allowFullScreen" value="transparent"></param><param name="allowscriptaccess" value="transparent"></param><embed src="http://www.youtube.com/v/'.$row[3].'&hl=pl&fs=1&color1=65c90b&color2=19b1c3" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="595" height="400"></embed></object>[html] Nie wiem czy chodziło dokładnie o to, ale nadal nie działa jak powinno
rytek
23.01.2010, 20:20:43
Miałeś dodać cały tag param, a nie dodawać wartość transparent do wszystkiego co już masz.
celbarowicz
23.01.2010, 21:13:02
próbowałeś zindex?
Mlodycompany
23.01.2010, 21:28:55
tzn.? jezeli chodzi o takie szczegoly to nie kumam biggrin.gif
rytek
23.01.2010, 21:34:53
Objąć całość w:

Kod
<div style='position:relative; z-index:100;'>  ... treść ... </div>
Mlodycompany
23.01.2010, 21:51:02
nadal nie działa sad.gif
celbarowicz
24.01.2010, 00:11:52
zapisz jako plik php
<html>
<body>
<div style="position: absolute; left: 184px; top:50px;width: 200px; height: 75px;background-color:#00FF00;z-index:2; " >celbarowicz</div>
<div style="position: absolute; left: 84px; top:100px;width:200px;height:75px;background-color:#0000ff;z-index:1;" >cel--------------bar</div>

</body>
</html>

zobacz jak działa, a następnie tam gdzie jest z index 1 zamień na 3
Mlodycompany
27.01.2010, 12:39:47
no dobrze. W stylu boxa z-index mam ustawione na 9999, kod filmu objęty w divie z z-index: 100 i nadal box jest pod filmem.
pedro84
27.01.2010, 13:06:02
Cytat(Mlodycompany @ 27.01.2010, 12:39:47 ) *
no dobrze. W stylu boxa z-index mam ustawione na 9999, kod filmu objęty w divie z z-index: 100 i nadal box jest pod filmem.

Ustawiłeś position:relative; ?
Mlodycompany
27.01.2010, 13:47:41
nie działa sad.gif
celbarowicz
27.01.2010, 13:50:22
w pewnym samouczku html pisze,że aby działało zindev element musi być pozycjonowany. co to znaczy? kombinuj z pisition:?, top:? left itd... jak zadziała to dal w [poście znać co pomogło
Mlodycompany
27.01.2010, 14:06:57
Wszędzie jest właśnie poustawiane. Może zamieszcze kod.

[HTML] pobierz, plaintext 
  1.  
  2. #mask {
  3.   position:fixed;
  4.   left:0;
  5.   top:0;
  6.   z-index:9999;
  7.  background: transparent;
  8.   display:none;
  9. }
  10. #boxes .window {
  11.   position:fixed;
  12.   left:0;
  13.   top:0;
  14.   width:400px;
  15.   height:200px;
  16.   display:none;
  17.   z-index:9999;
  18.   padding:0px;
  19. 	background-image: url('img/film_dodaj_form.gif');
  20. 	color: #ffffff;
  21. }
  22.  
  23. #boxes #dialog {
  24. 	position: fixed;
  25.   width:400px; 
  26.   height:200px;
  27.   padding:0px;
  28. 	z-index:9999;
  29. }
  30.  
  31.  
[HTML] pobierz, plaintext 


[PHP] pobierz, plaintext 
  1.  
  2. echo('<div style="z-index: 1; position: relative;"><param value="transparent"><object width="595" height="400"><param name="movie" value="http://www.youtube.com/v/'.$row[3].'&hl=pl_PL&fs=1&color1=0x006699&color2=0x54abd6"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/'.$row[3].'&hl=pl_PL&fs=1&color1=0x006699&color2=0x54abd6" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="595" height="400"></embed></object></param></div><a href="#dialog" name="modal"><img src="'.$_SESSION['link'].'img/plus.png" width="25" border="0"></a><div id="boxes">
  3. <div id="dialog" class="window">
  4. <div id="close"><a href="#"class="close"/><img src="'.$_SESSION['link'].'img/del.png" border="0" width="25"></a></div>
  5. </div>
  6. </div>
  7. ');
  8.  
  9.  
[PHP] pobierz, plaintext
Mniej wiecej wyglada to tak. Może wychwicicie jakis bląd
pedro84
27.01.2010, 15:03:20
Pozycjonuj modalbox relatywnie/absolutnie wtedy zadziała.
Mlodycompany
27.01.2010, 15:05:20
Gdy zmienie na relatywnie to wogóle się nie wyświetla, a gdy na absolutnie pozostaje bez zmian czyli pod filmem
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.