¿Es aceptable el "radio de borde"?

Estoy creando un sitio web y me gustaría saber si la propiedad CSS "borderRadius" es "aceptable". ¿Debería esperarse que todo el mundo tenga un navegador que lo soporte, o es demasiado desaconsejable que no debería usarlo?¿Es aceptable el "radio de borde"?

Fuente

2012-05-20 Isaiah Bugarin

Este es un buen momento para consultar http://caniuse.com para conocer los detalles sobre qué navegadores lo admiten y cuáles no. Además, http://css3please.com le dirá la forma correcta de implementarlo para obtener el soporte más amplio.

Desde el primer sitio, vemos que el soporte no es tan malo, aunque tendremos que usar algunos prefijos para algunos navegadores. El segundo sitio nos da la siguiente implementación:

.box_round { 
    -webkit-border-radius: 12px; /* Saf3-4, iOS 1-3.2, Android ≤1.6 */ 
      border-radius: 12px; /* Opera 10.5, IE9, Saf5, Chrome, FF4+, 
            iOS 4, Android 2.1+ */ 

    /* useful if you don't want a bg color from leaking outside the border: */ 
    -webkit-background-clip: padding-box; 
    -moz-background-clip: padding; 
      background-clip: padding-box;  
}

Cualquier navegador que no entiende simplemente lo ignorará, y pasar a la siguiente regla. Con eso, asegúrese de no usarlo de ninguna manera que su diseño dependa de él para su usabilidad. Úselo como una mejora progresiva , y no es una función necesaria.

Fuente

2012-05-20 03:16:34 Sampson

Bonito enlace +1 - http://caniuse.com/#feat=border-radius Aunque debe diferenciarse de las cosas que no debe usar porque verá errores, y cosas que no son compatibles pero no lo harán causa problemas de compatibilidad con versiones anteriores. – jmort253

http://html5please.com/ es otro buen recurso –

Nadie que use esos navegadores WebKit excesivamente viejos será gente que se preocupa por las esquinas redondeadas. – reisio

En mi experiencia, los navegadores que no reconocen el radio del borde simplemente lo ignoran. Por lo tanto, lo mejor para usted es ser progresista y simplemente usarlo. Los navegadores antiguos simplemente muestran las esquinas predeterminadas del bloque en lugar de las esquinas redondeadas.

No permita que la falta de esta característica en navegadores más antiguos le impida mejorar la experiencia del usuario de aquellos que han actualizado sus navegadores.

Fuente

2012-05-20 03:17:52 jmort253

Correcto, este es el enfoque que he tomado con uno de mis sitios. Es lo que sugeriría también a menos que haya una fuerte razón de diseño por la cual las fronteras deberían * siempre * ser redondeadas. Como consejo adicional, puede hacer que los bordes redondeados desaparezcan habilitando el modo de compatibilidad en IE9. –

Gracias, terminé usando un script de comportamiento que descargué para que funcione en IE6 +. –

De nada :) ¡Buena suerte! – jmort253

¿Es aceptable el "radio de borde"?

Respuesta

Cuestiones relacionadas