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ść.

No właśnie myślę, że nie zbyt. Ustawienie opacity zmienia przezroczystość wszystkiego co jest w środku... Jedyne co mi przychodzi na myśl, to osobne elementy (rodzeństwo) i pozycjonowanie. Wielokrotnie problem mnie denerwował, ale nigdy nie było to coś na tyle ważnego, żeby się tym przejmować

EDIT:

no i wyrzuć -moz-opacity i -khtml-opacity. Teraz i tak nikt nie używa starych Gecko czy KHTML

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.

A próbowałeś nadać temu <p> opacity powyżej 1? Szczerze mówiąc wątpię, czy zadziała, ale możesz sprawdzić.

Próbowałem, ignoruje wartości powyżej 1.



EDIT:
Mam rozwiązanie:
http://www.dedestruct.com/2008/03/06/how-t...opaque-content/