Effetto trasparenza crossbrowsers

[AltF4]

Ciao a tutti, sto provando a realizzare un effetto trasparenza, ma non riesco a farlo funzionare per più browser, utilizzando il seguente:

background: transparent;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000)"; /* IE8 */    
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000);   /* IE6 & 7 */
zoom: 1;

Funziona su IE8 e IE9, ma non funziona con Firefox.

Mentre il seguente:

background-color:rgba(0,0,0,0.5)

Funziona con Firefox, funziona con IE9, ma NON FUNZIONA con IE8

Qualche consiglio?

[andrealeti]

posta codice html e codice css..

[AltF4]

Scusami, il codice CSS è quello riportato sopra, mentre in html ho semplicemente scritto:

class="trasparente"

In questo caso applicato ad una table.

[andrealeti]

Realizzalo con una immagine al 50% di opacità del colore che preferisci.
Cosi la richiami con background-image.

In questo modo bypassi tutti i browser e ottieni il risultato che vuoi.

L'immagini non deve essere troppo grande bastano 2x2 pixel

[AltF4]

Credi sia affidabile una soluzione di questo tipo?

Non potrebbe essere "rischioso"?

[andrealeti]

Rischiosa? E perchè mai!!?!? vai tranquillo

[AltF4]

Scusami, dovrei fare un'immagine PNG e se non ricordo male IE6 non le supporta (e sopporta..)

[andrealeti]

Per IE6 devi utilizzare iepngfix

cercalo su google

[AltF4]

Ho seguito il consiglio, ma vorrei non utilizzare lo sfondo con PNG per tutti i browser, quindi ho provato con un CSS condizionale in questo modo:

.trasparente {
	[if lte IE 8] background-image: url(immagini/sfondo.png);
	background-color:rgba(0,0,0,0.7);
}

ma su IE8 non funziona! Nemmeno se uso [if lt IE 9]

[ldetomi]

Hai provato a inserire semplicemente entrambe le regole nel CSS? IE ignorerà quella per firefox (che peraltro è quella standard) e Firefox ignorerà quella di IE.....