Al convertir PSD en HTML o incluso HTML5 y CSS, ¿cuánto más difícil es redondear las esquinas y hacer que esas esquinas sean coherentes en todos los navegadores, especialmente en Internet Explorer?Esquinas redondeadas del navegador cruzado (sin imagen)
Suponiendo que las esquinas se redondearon con código, no con imágenes.
Puede consultar Corner si desea una solución de JavaScript. Es multiplataforma.
Con la propiedad CS3 border-radius, no es difícil. Algunos navegadores tienen su propia implementación, como -moz-border-radius para Firefox y -webkit-border-radius para safari y cromo.
Pero IE aún no es compatible con el radio del borde, por lo que es difícil hacer que funcione en todos los navegadores.
Hay algunas soluciones para navegadores esquinas redondeadas no usar Javascript:
CSS Rounded Corners In All Browsers
An Experiment in Rounded Corners
Rounded corners in CSS (cross browser implementations)
El uso de CSS3 para webkit & gecko navegadores basados, SVG para la Ópera y VML para IE.
También es posible que desee utilizar el bien conocido jQuery Corners si lo desea a través de Javascript.
Sé que es un hilo viejo, pero para que lo sepas, el primero y el último enlace se basan en el uso de un archivo '.htc', que en realidad ** es ** JavaScript, por lo que no se puede decir que esos dos las soluciones son "... no usando Javascript" – techexpert
Usted ya aceptó pero CSS3 PIE puede simplemente usar la propiedad border-radius (junto con degradados, sombras y otras características divertidas de CSS3) en IE3. Creo que es una de las formas más limpias de abordar el problema.
Se ve bien, ya que utiliza las propiedades CS3 para los navegadores que lo admiten y vuelve a las imágenes para IE. –
Guau, es como un descubrimiento de rueda o algo ... –
CSS3PIE [css3pie.com] como se muestra a continuación parece ser la mejor solución. – zachzurn