[CSS] przeźroczyste tło menu

[suderDesign]

Witajcie,

Potrzebuję otrzymać efekt przeźroczystego tła w poziomym menu. Odpowiada za to linijka w stylu:

Kod PHP:

#nav li ul li { background:#0c0c0c; width:150px; opacity: 0.5;} 


Niestety zapis ten powoduje, że przeźroczyste jest zarówno tło jak i napis (nazwa elementu menu). Można to zobaczyć tutaj http://www.domfotografii.com.pl/. Bordowy w podświetlonym nagłówku głównemu menu jest bordowy a w niższym poziomie już bardziej brunatny - 50% przeźroczystości.

Potrzebuję aby przeźroczyste było wyłącznie tło. Tekst 100% widoczny.

[Dhofca]

Rozwiązaniem jest zrobienie tekstu na tak jakby nowej warstwie, czyli poprzez wypozycjonowanie absolutne, ale w przypadku menu to odpada.
Zrób po prostu w programie graficznym plik png albo gif z konkretną przezroczystością, powiedzmy 5x5 px i wypełnij nim porządne pola.

[KowR]

Albo rgb?

Kod:

background:rgba(65,60,60,.7);

Gdzie .7 to 70% opacity... Dając .6 będzie 60% itd.

[suderDesign]

Skorzystałem z metody KowR'a. Ale obu Wam dziękuję za pomoc Sporo szukałem ale konkretnego kodu nie znalazłem. Wielkie dzięki!

[globusns]

Można też zrobić tak:

Kod:

background: transparent

Wtedy mamy w pełni przeźroczyste tło.