Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [CSS]Przeźroczystość
vived7
post
Post #1





Grupa: Zarejestrowani
Postów: 56
Pomógł: 1
Dołączył: 29.01.2009

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


Mam pytanie jak zrobić żeby ten div w środku niebył przeźroczysty

Kod:
Kod

<div style='background: black; width:300px; height: 300px; opacity:0.4;filter:alpha(opacity=40);'><div id='aa' style='background: red; width:100px; height: 100px;'></div></div>
Go to the top of the page
+Quote Post
Spawnm
post
Post #2





Grupa: Moderatorzy
Postów: 4 069
Pomógł: 497
Dołączył: 11.05.2007
Skąd: Warszawa




Niestety obecnie nie da się tego zrobić w css, musiał byś zamiast opacity dać obrazek.
Go to the top of the page
+Quote Post
zegarek84
post
Post #3





Grupa: Zarejestrowani
Postów: 1 332
Pomógł: 294
Dołączył: 12.10.2008
Skąd: Olkusz

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


Cytat(vived7 @ 6.09.2009, 14:52:27 ) *
Mam pytanie jak zrobić żeby ten div w środku niebył przeźroczysty

Kod:
Kod

<div style='background: black; width:300px; height: 300px; opacity:0.4;filter:alpha(opacity=40);'><div id='aa' style='background: red; width:100px; height: 100px;'></div></div>

np. tak:
  1. <div style="position:relative;width:300px; height: 300px;">
  2. <div style='background: black; width:100%; height: 100%; opacity:0.4;filter:alpha(opacity=40);'></div>
  3. <div id='aa' style='position: absolute;top:0px; background: red; width:100px; height: 100px;'></div>
  4. </div>

zmieniając odpowiednio atrybuty warstwa wewnątrz może także się rozciągać wraz z tekstem - ogólnie tutaj automatycznie został także nadany parametr z-index - jednak pasuje żebyś wiedział co to jest...

do "kombinacji" z warstwami polecam Ci zapoznanie się z całym tym rozdziałem:
http://www.kurshtml.boo.pl/css/pozycjonowanie.html


--------------------
Jeśli twoja ręka rusza do przodu powstrzymaj swój gniew; gdy wyprzedza cię twój gniew - wycofaj rękę.

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 Aktualny czas: 19.08.2025 - 02:24