Como entrada esquinas redondeadas en IE7

Internet Explorer 7 carece de soporte para muchos CSS moderna, o Cascading Style Sheet, técnicas, específicamente las clasificadas como CSS3. Esto se debe al hecho de que Internet Explorer 7 fue lanzado en 2006. En este tiempo, el World Wide Web Consortium 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 están todavía atrapados en IE7. Utilice CSS3 PIE o progresivo Internet Explorer, para hacer esquinas redondeadas funcionan en las versiones de Internet Explorer 6 en adelante.

Instrucciones

1

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

<Div class = "redondeado"> </ div>
<Div class = "sidebar redondeado"> </ div>

Cuando una etiqueta ya tiene un nombre de clase, 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 estilos para su página web en el Bloc de notas o un editor de código. Crear esta regla de estilo:

.rounded {
border-radius: 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 para "redondeado":

comportamiento: url ('path / to / PIE.htc');

Cambie la dirección URL de la ubicación en la que cargará CSS3 PIE. Esta es una polyfill que añade soporte para las esquinas redondeadas en Internet Explorer 6 a 9. Usted puede colocar este donde quieras en el servidor Web.

4

Descargue el archivo polyfill PIE CSS3 de CSS3PIE.com. Sube a tu servidor Web mediante FTP o la herramienta de gestión de archivos que ofrece su proveedor de alojamiento web. Asegúrese de que su ubicación coincide con la URL que utilizó en el código CSS.

5

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

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

Estos comentarios condicionales causan la hoja de estilos para cargar sólo cuando se ve la página en IE 7.