como puedo sobreescribir reglas para que se apliquen segun lo que soporte un navegador, por ejemplo en zengarden www . csszengarden.com/?cssfile=/057/057.css&page=0 incluso muestra un mensage solo con css si el navegador no soporta ciertas reglas escritas en el archivo.css y si la soporta solo sobreescribe la regla para no mostrar nada.
por ejemplo tengo estas reglas q me funcionan perfecto en firefox pero en IE8 o menor simplemente me desaparece el tag h1
Código:
div#header h1{
position:absolute;
top: 32px;
font-weight:normal;
font:Georgia, "Times New Roman", Times, serif;
letter-spacing:.3em;
text-shadow:#CCC 4px 3px 2px;
font-size: 0.9em;
padding:0;
color:#999;
text-indent:23em;
}
h1.logo, div#header h1.logo{
position:inherit;
font:Georgia, "Times New Roman", Times, serif #;
color:#666;
letter-spacing:.1em;
font-weight:500;
font-style:oblique;
font-size:2em;
text-indent:inherit;
padding:0;
}
por mas q intento no puedo sobreescribir esas dos reglas para que los h1 se muestren IE8