Y creo que te respondiste solito :P
Eso tenés que ponerlo en el HTML. Supongamos que tenés una hoja de estilos llamada
estilos.css en la cual estableces la siguiente regla:
Código CSS:
Ver original.transparencia { background: rgba(x, x, x, x); }
Y además tenés una hoja de estilos para IE llamada
estilos_ie.css en la cual ponés esta regla:
Código CSS:
Ver original.transparencia { background: url('transparente.png');}
Entonces en tu HTML vas a enlazarlas de la siguiente manera:
Código HTML:
Ver original<link rel="stylesheet" type="text/css" href="css/estilos.css" /> <!--[If IE]><link rel="stylesheet" type="text/css" href="css/estilos_ie.css" /><![endif]-->
Es importante que la hoja de estilos para IE venga
después de la otra para que pueda sobreescribir las reglas correctamente.
Algunas referencias:
Todas las versiones de IE:
<!--[If IE]><![endif]-->
Todas las menores a la 7:
<!--[If lt IE 7]><![endif]--> (el "lt" significa "less than")
Todas las menores o iuales a la 7:
<!--[If lte IE 7]><![endif]--> (el "lte" significa "less than or equals")
también podés usar "gt" (greater than = mayor que) y así por el estilo.