Przezroczystość Opcje

[Michu]

Witam. Mam następujący kod:

HTML

[HTML] pobierz, plaintext 
<div class="main">
			<div class="content">
				<p>A tutaj walnę jakiś tekst o tym jak superhiperturboburbobombastyczny jest ten serwis.</p>
				<p align='justify'>I jescze trochę tekstu. Tu jakiś tekst. Tu jakiś tekst. Tu jakiś tekst. Tu jakiś tekst. Tu jakiś tekst. Tu jakiś tekst. Tu jakiś tekst. Tu jakiś tekst. Tu jakiś tekst. </p>
			</div>
</div>
[HTML] pobierz, plaintext 

CSS

[HTML] pobierz, plaintext 
.main {
	background: #303030;
	border-bottom: 1px solid #2A2A2A;
	border-left: 1px solid #2A2A2A;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
/* content elements */
.content p {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
}
[HTML] pobierz, plaintext 

Chcę ustawić tło diva 'main' na półprzezroczyste, ale tekst ma pozostać normalny. Gdy ustawiam odpowiednie parametry dla <p> tekst pozostaje przezroczysty. Dzieje się tak ponieważ tekst jest już półprzezroczysty, a ustawienie opacity=1 nic nie zmienia. Gdybym ustawił opacity dla tekstu na 0.8 otrzymałbym tekst przezroczysty w stopniu 0.5x0.8=0.4

Pytanie brzmi: jak obejść tą sytuację nie zmieniając struktury html'a? Na pewno istnieje jakieś proste rozwiązanie ale jakoś nie mogę na nie wpaść.

Ten post edytował Michu 19.05.2008, 17:57:35

[Michu]

Sugerujesz umieszczenie tekstu nad półprzezroczystym divem? Chyba odpada, tekst będzie miał zmienną długość a coś musi "rozpychać" div od środka aby miał odpowiednie rozmiary.