Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [css][html]Przeźroczyste jedynie tło
Forum PHP.pl > Forum > Przedszkole
b_chmura
Witam
Jak zmienić opacity jedynie tła diva?

jeśli robię tak:

  1. <style type="text/css">
  2. #id_diva
  3. {
  4. height: 200px;
  5. width:200px;
  6. background: black;
  7. filter: alpha(opacity:50);
  8. KHTMLOpacity: 0.5;
  9. MozOpacity: 0.5;
  10. opacity: 0.5;
  11. }
  12. <div id="id_diva">Jakiś tekst</div>


tekst także staje się półprzeźroczysty

jak temu zaradzić?
nevt
tak?
  1. <?php
  2. <div id="id_diva"><div style="background:transparent;">Jakiś tekst<div></div>
  3. ?>
ayeo
Mysle, ze b_chmura nie mial na mysli calkowitej przezroczystosci smile.gif Muszisz zrobic sobie dwa divy niestety.
Kod
<div id="a">
  <div id="b">
    Tresc
  </div>
</div>


No i teraz dla diva B ustawiasz background: transparent; i rozmiary na 100%, a w divie A ustawiasz tlo i dajesz opacity...

edit: chyba jednak musisz dac diva nad divem smile.gif robisz sobie kontener z position:relative, a do niego wrzucasz diva a i b, ale nie zagniezdzasz ich....
devnul
relative się nie stosuje (chyba że ma się w nosie IE6 i starsze, które to mają w nosie relative), zamiast tego proponuje pokombinować z pozycją bezhlędną. Co do reszty to się zgadza że trzeba niestety użyć dwóch tagów. No i bardzo prosto można to zrobić zaprzęgając do tego js.
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.