Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [CSS]przezroczystość diva, samego koloru a nie tekstu
Lejto
post 19.08.2009, 12:39:08
Post #1





Grupa: Zarejestrowani
Postów: 1 385
Pomógł: 48
Dołączył: 23.05.2007

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

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


--------------------
Go to the top of the page
+Quote Post
erix
post 19.08.2009, 12:43:07
Post #2





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów
RGBA albo obiekt, który NIE BĘDZIE potomkiem przezroczystego diva (jako rodzeństwo).


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

ZCE :: Pisząc PW załączaj LINK DO TEMATU i TYLKO w sprawach moderacji :: jakiś błąd - a TREŚĆ BŁĘDU? :: nie ponaglaj z odpowiedzią via PW!
Go to the top of the page
+Quote Post
Lejto
post 19.08.2009, 15:33:56
Post #3





Grupa: Zarejestrowani
Postów: 1 385
Pomógł: 48
Dołączył: 23.05.2007

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

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

Ten post edytował Lejto 19.08.2009, 15:34:19


--------------------
Go to the top of the page
+Quote Post
erix
post 19.08.2009, 17:53:42
Post #4





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów
RGBA obsługują tylko niektóre przeglądarki.

2. div? Pokaż.


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

ZCE :: Pisząc PW załączaj LINK DO TEMATU i TYLKO w sprawach moderacji :: jakiś błąd - a TREŚĆ BŁĘDU? :: nie ponaglaj z odpowiedzią via PW!
Go to the top of the page
+Quote Post
Pawel_W
post 19.08.2009, 17:54:42
Post #5





Grupa: Zarejestrowani
Postów: 1 675
Pomógł: 286
Dołączył: 15.06.2009
Skąd: Wieliczka

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

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
Go to the top of the page
+Quote Post
Lejto
post 19.08.2009, 18:57:14
Post #6





Grupa: Zarejestrowani
Postów: 1 385
Pomógł: 48
Dołączył: 23.05.2007

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

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


--------------------
Go to the top of the page
+Quote Post
erix
post 19.08.2009, 18:57:56
Post #7





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów
Alfa jest tu dzieckiem, a ma być RODZEŃSTWEM.


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

ZCE :: Pisząc PW załączaj LINK DO TEMATU i TYLKO w sprawach moderacji :: jakiś błąd - a TREŚĆ BŁĘDU? :: nie ponaglaj z odpowiedzią via PW!
Go to the top of the page
+Quote Post
jmail
post 19.08.2009, 18:59:09
Post #8





Grupa: Zarejestrowani
Postów: 352
Pomógł: 53
Dołączył: 10.08.2009

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

powiedzieli CI już przedmówcy - div z tłem poza divem z tekstem - rodzeństwo nie rodzic - potomek
Go to the top of the page
+Quote Post
Lejto
post 19.08.2009, 20:57:21
Post #9





Grupa: Zarejestrowani
Postów: 1 385
Pomógł: 48
Dołączył: 23.05.2007

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

to div z tekstem ma być w divie z tłem?


--------------------
Go to the top of the page
+Quote Post
erix
post 19.08.2009, 21:45:03
Post #10





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów
Ma być OBOK.

Nie wiesz, czym się różni siostra od dziecka..,? dry.gif


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

ZCE :: Pisząc PW załączaj LINK DO TEMATU i TYLKO w sprawach moderacji :: jakiś błąd - a TREŚĆ BŁĘDU? :: nie ponaglaj z odpowiedzią via PW!
Go to the top of the page
+Quote Post
f1xer
post 19.08.2009, 22:32:36
Post #11





Grupa: Zarejestrowani
Postów: 403
Pomógł: 68
Dołączył: 20.03.2008

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

[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


--------------------
Pomogłem? wyraź to i kliknij "Pomógł"
Go to the top of the page
+Quote Post
Lejto
post 20.08.2009, 21:53:35
Post #12





Grupa: Zarejestrowani
Postów: 1 385
Pomógł: 48
Dołączył: 23.05.2007

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

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


--------------------
Go to the top of the page
+Quote Post
erix
post 20.08.2009, 22:09:06
Post #13





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów
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.


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

ZCE :: Pisząc PW załączaj LINK DO TEMATU i TYLKO w sprawach moderacji :: jakiś błąd - a TREŚĆ BŁĘDU? :: nie ponaglaj z odpowiedzią via PW!
Go to the top of the page
+Quote Post
Lejto
post 20.08.2009, 22:47:14
Post #14





Grupa: Zarejestrowani
Postów: 1 385
Pomógł: 48
Dołączył: 23.05.2007

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

wiem ze rgba obsługują niektóre przeglądarki dlatego szukam innego rozwiązania
w przypadku @f1xer jest tekst pod tłem...


--------------------
Go to the top of the page
+Quote Post
f1xer
post 21.08.2009, 00:33:51
Post #15





Grupa: Zarejestrowani
Postów: 403
Pomógł: 68
Dołączył: 20.03.2008

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

[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

Ten post edytował f1xer 21.08.2009, 00:34:58


--------------------
Pomogłem? wyraź to i kliknij "Pomógł"
Go to the top of the page
+Quote Post
Lejto
post 21.08.2009, 09:11:32
Post #16





Grupa: Zarejestrowani
Postów: 1 385
Pomógł: 48
Dołączył: 23.05.2007

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

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ę


--------------------
Go to the top of the page
+Quote Post
f1xer
post 21.08.2009, 11:33:48
Post #17





Grupa: Zarejestrowani
Postów: 403
Pomógł: 68
Dołączył: 20.03.2008

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

http://blog.web-man.info/opacity/

działa na pewno w FF 3.5.2 IE8 IE6 (dokładnie to testowane pod ieTester).


--------------------
Pomogłem? wyraź to i kliknij "Pomógł"
Go to the top of the page
+Quote Post
Lejto
post 22.08.2009, 08:56:32
Post #18





Grupa: Zarejestrowani
Postów: 1 385
Pomógł: 48
Dołączył: 23.05.2007

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

ok dzięki działa jak powinno


--------------------
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 28.04.2024 - 13:12
Powered By IP.Board © 2024  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn