Tecnología

Inicio

Como entrada esquinas redondeadas en IE7

April 23

Internet Explorer 7 no tiene soporte para muchos CSS moderna, o Cascading Style Sheet, técnicas, especialmente las clasificadas como CSS3. Esto se debe al hecho de que Internet Explorer 7 fue lanzado en 2006. En este momento, el Consorcio de la World Wide Web estaba trabajando en borradores para CSS3, pero los navegadores todavía no apoyó ninguna de sus propiedades. A diferencia de otros navegadores, Internet Explorer no actualiza automáticamente a las versiones más recientes, por lo que muchos usuarios aún están atrapados en IE7. Utilizar CSS3 PIE, o progresivo Internet Explorer, para hacer esquinas redondeadas funcionan en las versiones de Internet Explorer 6 o superior.

Instrucciones

1 Abra la página Web en el Bloc de notas o un editor de código. Encuentra las etiquetas de los elementos en los que desea hacer esquinas redondeadas. Añadir un nombre de clase, tales como "redondeada" de las etiquetas:

<Div class = "redondeado"> </ div>
<Div class = "barra lateral redondeado"> </ div>

Cuando una etiqueta ya tiene un nombre de clase, tales como "barra lateral" en el ejemplo anterior, se puede añadir un segundo nombre de la clase como se muestra.

2 Abra la hoja de estilo para su página Web en el Bloc de notas o un editor de código. Crear esta regla de estilo:

.rounded {
la frontera de radio: 10px;
}

La propiedad "border-radius" hace que las esquinas redondeadas. Los valores más altos indican mayor redondeo; establecer este valor en un 50 por ciento crea un círculo.

3 Añadir esta línea de código entre las llaves de la regla de estilo de "redondeado":

Comportamiento: url ( 'ruta / a / PIE.htc');

Cambiar la dirección URL a la ubicación en la que va a subir CSS3 PIE. Se trata de un polyfill que añade soporte para las esquinas redondeadas en Internet Explorer 6 a 9. Usted puede colocar este donde quiera en su servidor Web.

4 Descargar el archivo polyfill CSS3 PIE De CSS3PIE.com. Subirlo a su servidor Web mediante FTP o la herramienta de gestión de archivos ofrecido por su proveedor de alojamiento web. Asegúrese de que su ubicación coincide con la dirección que usó en el código CSS.

5 Crear una hoja de estilo independiente con el código de esquinas redondeadas, junto con el polyfill, y guardarlo con el nombre de "ie7.css." Sólo haga esto si desea que las esquinas redondeadas para mostrar únicamente en Internet Explorer 7. Insertar la hoja de estilo en el "<head>" de la página web utilizando este código:

<! - [If IE 7]>
<Link rel = "stylesheet" href = "ie7.css" type = "text / css" />
<! [Endif] ->

Estos comentarios condicionales hacen que la hoja de estilo para cargar sólo cuando se ve la página en Internet Explorer 7.