Tecnología

Inicio

Cómo hacer curvas Esquinas Javascript para IE

Cómo hacer curvas Esquinas Javascript para IE


Aunque la mayoría de los principales navegadores soportan el CSS (Cascading Style Sheets) propiedad que hará que los elementos HTML con esquinas curvadas, Internet Explorer 8 y por debajo no comparten esta característica. Eso ha dejado a muchos desarrolladores web en busca de una forma separada para ofrecer esquinas curvas en Internet Explorer sin añadir gastos generales de su flujo de trabajo. Afortunadamente, hay varias soluciones disponibles de JavaScript que simulan el comportamiento de la propiedad de la frontera de radio CSS.

Instrucciones

1 Emplear un plugin como jQuery Plugin Corner, si usted es un desarrollador que ya utiliza jQuery en su sitio. Descargar el plugin y colocar el archivo (s) en el servidor Web; a continuación, vincular a ellos dentro de la etiqueta de la cabeza en su página. Por ejemplo, si los archivos están en el mismo directorio que la página:

<Script type = "text / javascript" La segunda sección entre paréntesis es para las opciones. Las opciones incluyen el tipo de esquina, la esquina o esquinas verse afectados y el radio de la curva.

2 Elija una solución independiente, tales como la biblioteca CurvyCorners JavaScript. Descargar y enlazar a la biblioteca dentro de la etiqueta de la cabeza de su página. Por ejemplo:

<Script type = "text / javascript" propiedad que apunta al archivo .htc junto con el CSS que define la propiedad border-radius. Por ejemplo:

.roundedBox {

-moz-border-radius: 20px;

-webkit-border-radius: 20px;

la frontera de radio: 20px;

Comportamiento: url (border-radius.htc);

}

Consejos y advertencias

  • No se limite a probar el código en una versión de Internet Explorer. Microsoft ha hecho cambios significativos en el motor de renderizado entre las versiones 7 y 8 del IE.