Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [css][html]Przeźroczyste jedynie tło
b_chmura
post 8.12.2007, 17:31:04
Post #1





Grupa: Zarejestrowani
Postów: 813
Pomógł: 34
Dołączył: 18.03.2007
Skąd: o stamtąd

Ostrzeżenie: (0%)
-----


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ć?

Ten post edytował b_chmura 8.12.2007, 17:33:07
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 3)
nevt
post 8.12.2007, 17:54:07
Post #2





Grupa: Przyjaciele php.pl
Postów: 1 595
Pomógł: 282
Dołączył: 24.09.2007
Skąd: Reda, Pomorskie.

Ostrzeżenie: (0%)
-----


tak?
  1. <?php
  2. <div id="id_diva"><div style="background:transparent;">Jakiś tekst<div></div>
  3. ?>


--------------------

-
Oh no, my young coder. You will find that it is you who are mistaken, about a great many things... -
Go to the top of the page
+Quote Post
ayeo
post 8.12.2007, 18:29:11
Post #3





Grupa: Przyjaciele php.pl
Postów: 1 202
Pomógł: 117
Dołączył: 13.04.2007
Skąd: 127.0.0.1

Ostrzeżenie: (0%)
-----


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

Ten post edytował ayeo 8.12.2007, 18:38:45


--------------------
Go to the top of the page
+Quote Post
devnul
post 16.12.2007, 02:27:57
Post #4





Grupa: Zarejestrowani
Postów: 1 470
Pomógł: 75
Dołączył: 21.09.2005
Skąd: że znowu

Ostrzeżenie: (0%)
-----


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.

Ten post edytował devnul 16.12.2007, 02:29:22


--------------------
Profesjonaliści są przewidywalni...
strzeż się amatorów...
FL4SHB4CK - imprezy, galerie, lokale
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 14.08.2025 - 04:36