Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [css] Problem z CSS
Forum PHP.pl > Forum > Przedszkole
wookasz
Witam!
Mam następujący sytuacje:
mam dwa divy, jeden (większy) służy jako półprzezroczyste tło, drugi nakładany na niego z odpowiednią zawartością.
CSS większego Diva:
  1. #transparentDiv {
  2. position: absolute;
  3. margin: 0 auto;
  4. BACKGROUND-COLOR: black;
  5. filter:alpha(opacity=50);
  6. opacity: 0.5;
  7. z-index: 1;
  8. width: 99%;
  9. height: 99%;
  10. left: 0.5%;
  11. top: 0.5%;
  12. }


CSS Diva z zawartoscia:
  1. #popupDiv {
  2. position: absolute;
  3. border: 1px solid #FFFFFF;
  4. BACKGROUND-COLOR: orange;
  5. z-index: 2;
  6. padding-left: 5px;
  7. padding-right: 5px;
  8. margin:0 auto;
  9. width: 30%;
  10. top: 30%;
  11. left: 35%;
  12. }


Efektem którego nie mogę się pozbyć jest to, że Div z zawartością jest półprzezroczysty, próbowałem już na setki sposobów i nie mogę sobie poradzić.

Bardzo proszę o pomoc!
nevt
a nie włożyłeś przypadkiem jeden w drugi? jak masz?
  1. 1. <div id="transparentDiv"><div id="popupDiv"></div></div>
  2. 2. <div id="transparentDiv"></div><div id="popupDiv"></div>

jeżeli masz pierwszy wariant - to popraw na drugi i będzie ok.

EDIT: a tak przy okazji - dodaj do tematu odpowiedni tag - zgodnie z zasadami publikacji na tym forum ...
wookasz
Cytat(nevt @ 16.04.2008, 15:03:54 ) *
a nie włożyłeś przypadkiem jeden w drugi? jak masz?
  1. 1. <div id="transparentDiv"><div id="popupDiv"></div></div>
  2. 2. <div id="transparentDiv"></div><div id="popupDiv"></div>

jeżeli masz pierwszy wariant - to popraw na drugi i będzie ok.

EDIT: a tak przy okazji - dodaj do tematu odpowiedni tag - zgodnie z zasadami publikacji na tym forum ...



tak nie mogę właśnie zrobić bo gotowego diva z zawartością generuje mi js;/ jest jakieś inne rozwiązanie ?
nevt
popraw JS, albo sparsuj wynikowy kod. inaczej nic nie wskórasz...
wookasz
no to trudno;/ ale dziękuje za pomoc;-)

EOT
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.