Ver Mensaje Individual
  #1 (permalink)  
Antiguo 15/03/2011, 18:55
d3xf4ult
Invitado
 
Mensajes: n/a
Puntos:
Pregunta CSS3 en IE9: Gradient, border-radius y text-shadow

Hola a tod@s:

Tengo un problema con estas propiedades en Internet Explorer 9 (versión final)

Tengo cuatro propiedades CSS:
Código CSS:
Ver original
  1. border-radius: 8px 8px 8px 8px;
  2. -moz-border-radius: 8px 8px 8px 8px;
  3. -webkit-border-radius: 8px 8px 8px 8px;
  4.  
  5. box-shadow: 1px 1px 5px #585858;
  6. -moz-box-shadow: 1px 1px 5px #585858;
  7. -webkit-box-shadow: 1px 1px 5px #585858;
  8.  
  9. text-shadow: 1px 2px 1px #000000;
  10.  
  11. background: -moz-linear-gradient(center top ,#37598e, #101116) repeat scroll 0 0 transparent;
  12. background:-webkit-gradient(linear, left top, left bottom, from(#37598e), to(#101116));
  13. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#37598e', endColorstr='#101116');

A) box-shadow-> ahora es compatible con la nueva versión de IE9, no tengo problema en nada .

B) text-shadow -> no es compatible aun con IE9?? sabe alguien que puedo utilizar en su lugar para un correcto funcionamiento en IE9?.

C) border-radius -> Por qué en algunos selectores (en estos casos "div id") cuando declaro esta propiedad me funcionan en IE9 pero en otros selectores no?. Aclaro que estoy declarando la misma propiedad pero con otros valores similares.

D) Bien, a parte de este anterior, otro gran problema viene con la propiedad background y su nuevo valor en CSS3 "gradient" (para conseguir desagrados):
filter: progid:DXImageTransform.Microsoft.gradient(startCo lorstr='VALOR', endColorstr='VALOR'); -> para IE9, Por que se aplica en algunos selectores "div id" y en otros no, al igual que border-radius, es la misma sentencia pero solamente cambio el valor del color.

No creo que sea problema de compatibilidad ya que, como ya dije, IE9 me reconoce las propiedades y valores pero en algunos casos me los aplica y en otros no.