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

[.radex]

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

Ten post edytował radex_p 19.05.2008, 17:59:10

[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.

[.radex]

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

[Michu]

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



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

Ten post edytował Michu 19.05.2008, 18:24:05