Posted by leon2004 on February 3, 2012 at 8:24am
buenas a todos estoy con un grave problema sobre un proyecto que se hizo para css3 pero ahoraquieren que se vea = en ie7 y ie8,
con los bordes redondeados , instale el modulo piecss que convierte los bordes de ie7 y ie8 como en css3 , el problema esta que en i8 ademas me salen unas rayas muy raras y no se como quitarlas, en ie7 funciona correctamente , necesitaria ayuda urgente si no me veo todo el fin de semana trabajando de gratis . un saludo y gracias por adelantado
Comments
Prueba con PIE
Yo lo solucioné incluso para IE6 y demás exploradores usando esta propiedad de CSS:
.contenedor {border: 1px solid #C5C5C5;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
behavior: url(PIE/PIE.htc);
}
Fíjate que en la línea 6 estoy haciendo referencia a un archivo .htc que está dentro de una carpeta PIE que está dentro de tu carpeta donde estén tus CSS.
Eso del PIE es un conjunto de archivos que debes copiar, y la información está aquí http://css3pie.com/documentation/getting-started/ baja los archivos que vienen ahí donde dice Download the PIE distribution y descomprímelos en una carpeta.
Debes cuidar que las reglas estén en el orden que te puse, es decir, primero la del boder, luego la webkit, luego la mozilla, luego la khtml y luego el border-radius.
Todo lo demás no importa, solo no cambies el orden de esas reglas para que funcione bien.
Espero te sirva, saludos.
Gracias por tu contestacion
No he podido hacerlo andar en i7 va perfecto pero en ie8 es imposible salen unas rayas que no puedo quitar , he decidido hacer imagenes especificas para ie7 y ie8 y ponerselas en sus css, para que se pueda utilizar el ie9 firefox, chrome con css3.
Un saludo