Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Nieprzezroczystość w przezroczystości...
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
Mystic007
Witam! Mam problem z przezroczystością, a mianowicie chcę by 1 div z klasą "one" był przeźroczysty w 70%, ale za to wewnętrzny div (z klasą "two") był nieprzeźroczysty. Mam taki kod:

  1. <style type="text/css">
  2. body{
  3. background-color: #000;
  4. color:#000;
  5. }
  6. .one{
  7. margin:100px 300px;
  8. background-color:#99FF00;
  9. -moz-opacity:0.7;
  10. filter: Alpha(Opacity=70);
  11. }
  12. .two{
  13. margin:100px;
  14. background-color: #fff;
  15. -moz-opacity:1.0;
  16. filter: Alpha(Opacity=100);
  17. }
  18. </style>
  19. <div class="one"><br />
  20. <div class="two">
  21. Tło powinno być bielutkie jak śnieg.
  22. </div><br />
  23. </div>

Proszę o pomoc, jak można pozbyć się przeźroczystości w wewnętrznym divie.
gekon
Na pewno nie tak. Wszystkie elementy potomne elementu z opacity będa miały takie samo opacity. Mozna to zrobić przez position: absolute;,np.:

  1. <div id="one">
  2. </div>
  3.  
  4. <div id="two">
  5. </div>


  1. #one { position: absolute; top: 10px; left: 10px; opacity: 0.7; filter: Alpha(Opacity=70); }
  2. #two { position: absolute; top: 10px; left: 10px; }


Gecko i Opera obsługują opacity, nie trzeba stosować rozszerzeń.
Mystic007
Właśnie tak myślałem, ale już prawie cała strona opiera się na czymś takim więc myślałem, że można trochę to inaczej zrobić. Dzięki za odpowiedź, działa.
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.