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

Kod:

Niestety obecnie nie da się tego zrobić w css, musiał byś zamiast opacity dać obrazek.

np. tak:

[HTML] pobierz, plaintext 
<div style="position:relative;width:300px; height: 300px;">
<div style='background: black; width:100%; height: 100%; opacity:0.4;filter:alpha(opacity=40);'></div>
<div id='aa' style='position: absolute;top:0px; background: red; width:100px; height: 100px;'></div>
</div>
[HTML] pobierz, plaintext 

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