Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS]przezroczystość diva
Forum PHP.pl > Forum > Przedszkole
Lejto
19.08.2009, 12:39:08
Mam taki kod
[HTML] pobierz, plaintext 
  1. <div style="background:#f6ebcf;filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; border:1px solid #e9ce8d; padding-top:100px; width:700px; text-align:center; overflow:hidden; padding:10px 10px;">
  2. Test
  3. </div>
[HTML] pobierz, plaintext

div jest przezroczysty ale tekst na nim również chce żeby samo tło było przezroczyste, jak to zrobić?

Pozdrawiam
erix
19.08.2009, 12:43:07
RGBA albo obiekt, który NIE BĘDZIE potomkiem przezroczystego diva (jako rodzeństwo).
Lejto
19.08.2009, 15:33:56
rgba nie działa
[HTML] pobierz, plaintext 
  1. <style>
  2. .alfa{
  3. background: rgb(200, 200, 200);
  4.  
  5. background: rgba(200, 200, 200, 0.5); 
  6. }
  7. </style>
[HTML] pobierz, plaintext

dodałem 2 diva z tekstem w tym 1 i też nic
erix
19.08.2009, 17:53:42
RGBA obsługują tylko niektóre przeglądarki.

2. div? Pokaż.
Pawel_W
19.08.2009, 17:54:42
Cytat(Lejto @ 19.08.2009, 16:33:56 ) *
rgba nie działa
[HTML] pobierz, plaintext 
  1. <style>
  2. .alfa{
  3. background: rgb(200, 200, 200);
  4.  
  5. background: rgba(200, 200, 200, 0.5); 
  6. }
  7. </style>
[HTML] pobierz, plaintext

dodałem 2 diva z tekstem w tym 1 i też nic

miałeś dać poza nim, tak żeby nie był rodzeństwem winksmiley.jpg
Lejto
19.08.2009, 18:57:14
mam tak
[HTML] pobierz, plaintext 
  1. <style>
  2. .alfa{
  3. 	filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;
  4. }
  5. </style>
  6. <div style="color:#000">
  7. <div class="alfa" style="background:#fff; border:1px solid #fff; padding-top:100px; width:700px; text-align:center; overflow:hidden; padding:10px 10px;">
  8. <? $g->pokaz(); ?>
  9.  
  10. </div>
  11.  </div>
[HTML] pobierz, plaintext
erix
19.08.2009, 18:57:56
Alfa jest tu dzieckiem, a ma być RODZEŃSTWEM.
jmail
19.08.2009, 18:59:09
powiedzieli CI już przedmówcy - div z tłem poza divem z tekstem - rodzeństwo nie rodzic - potomek
Lejto
19.08.2009, 20:57:21
to div z tekstem ma być w divie z tłem?
erix
19.08.2009, 21:45:03
Ma być OBOK.

Nie wiesz, czym się różni siostra od dziecka..,? dry.gif
f1xer
19.08.2009, 22:32:36 
[HTML] pobierz, plaintext 
  1. <div id="alfa"></div>
  2. <div id="tekst">lalalala</div>
[HTML] pobierz, plaintext


erix, po przeczytaniu twojego posta śmiałem się 5 minut smile.gif
Lejto
20.08.2009, 21:53:35
teraz ja się uśmiechnąłem ;P
chyba się nie zrozumieliśmy, chcę mieś przezroczyste tło a na nim normalny tekst tylko nie przezroczysty tak jak tu http://webhosting.pl/RGBa.jak.zrobic.kanal...ystosc%29.w.CSS tylko ze to cos nie chce działac
a w tym przypadku tekst jest pod tłem
erix
20.08.2009, 22:09:06
Cytat
RGBA obsługują tylko niektóre przeglądarki.


Cytat
a w tym przypadku tekst jest pod tłem

Na pewno nie w podanym przez Ciebie kodzie.
Lejto
20.08.2009, 22:47:14
wiem ze rgba obsługują niektóre przeglądarki dlatego szukam innego rozwiązania
w przypadku @f1xer jest tekst pod tłem...
f1xer
21.08.2009, 00:33:51 
[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <style type="text/css" media="all">
  4. body {
  5. background-color:black;
  6. }
  7. #tlo {
  8. position:absolute;
  9. top:20px;
  10. height:400px;
  11. left:10px;
  12. background-color:white;
  13. width:400px;
  14.  
  15. }
  16. #tekst{
  17. position:absolute;
  18. width:400px;
  19. top:20px;
  20. left:10px;
  21. color:white;
  22. }
  23. #container{
  24. position:relative;
  25. }
  26. .alfa {
  27.     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  28.     filter: alpha(opacity=50);
  29.     opacity:.5;
  30. }
  31. </style>
  32. </head>
  33. <body>
  34. <div id="container">
  35. <div class="alfa" id="tlo">      
  36. </div>
  37. <div id="tekst">
  38. Lorem ipsum dolor sit amet consectetuer pretium congue pellentesque semper magna. Vestibulum at condimentum natoque ligula Vivamus interdum pretium hac hac nascetur. Nulla habitasse Aenean velit tellus ut fringilla id laoreet ligula interdum. Vitae turpis mauris laoreet nibh quis mattis lorem id id Aenean. Mauris faucibus In Nunc habitant ante volutpat condimentum leo vitae lacus. Sed sit facilisi dictum elit nec interdum metus Nunc at massa. 
  39. </div>
  40. </div>
  41. </body>
  42. </html>
[HTML] pobierz, plaintext

Tak na szybko pisane
Lejto
21.08.2009, 09:11:32
nie działa tak jak powinno
tekst jest na divie w kolorze to dobrze ale tło nie jest przezroczyste, jak wywalę #tło to filtr wtedy zadziała ale na samą czcionkę
f1xer
21.08.2009, 11:33:48
http://blog.web-man.info/opacity/

działa na pewno w FF 3.5.2 IE8 IE6 (dokładnie to testowane pod ieTester).
Lejto
22.08.2009, 08:56:32
ok dzięki działa jak powinno
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.