Tecnología

Inicio

Internet Explorer 8 CSS Hack: Imagen de fondo no se está alineando

Al diseñar su sitio web, puede crear una imagen de fondo que define dónde elementos, como un bloque de texto o una lista de enlaces, deben aparecer en la página. Con CSS, puede estilo de sus elementos HTML para crear un sentido de la alineación de la superposición. Si Internet Explorer 8 no se alinea con los objetos del fondo como está diseñado, puede utilizar lo que se conoce como un hack CSS para remediarlo.

Los márgenes de reajuste

Muchas veces, el término "truco CSS" se refiere a la utilización de soluciones de CSS que se adaptan a un navegador específico, en este caso Internet Explorer 8. Sólo se puede aplicar un poco de CSS a IE 8 en varios métodos utilizando las sentencias condicionales que sus usuarios del servidor después de determinar el navegador de su visitante. Por ejemplo, puede especificar una sola línea de texto en el archivo CSS de este modo:

<Style type = "text / css">
[Si el IE 8]

{
margin: 0;
padding: 0;
}
</ Style>

Como alternativa, puede cargar una hoja de estilos para toda IE 8 con la siguiente sintaxis:

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

Los márgenes de reajuste

Cuando las imágenes de fondo y otros objetos no se alinean su sitio web, intente restablecer los márgenes. Esto sobrescribirá los márgenes predeterminados entre los objetos y en la propia página, que puede ser diferente entre los navegadores. El siguiente código se reajustará los márgenes o de relleno para cualquier elemento de la página en todos los navegadores:

{
margin: 0;
padding: 0;
}

A continuación, puede empezar a codificar su sitio web para que la imagen de fondo se alineará con los objetos superpuestos.

consideraciones

Restablecimiento de los márgenes o el relleno se aplicará a todos los elementos en su página por lo que tendrá que especificar los márgenes - el espacio entre el borde del objeto y sus alrededores o contener objetos - y el relleno - el espacio entre el borde de su objeto y contenido dentro de ella - por defecto para cada elemento. Si su sitio web contiene muchos elementos, es posible esta solución no es conveniente. Si va a alinear los elementos con posicionamiento relativo, la alineación puede ser aún más susceptibles a los márgenes predeterminados de IE8. Considere el uso de posicionamiento fijo, lo que colocará su objeto en relación con la ventana del navegador y no otros elementos, que pueden variar en su posición.

Alineación de Fondos

Con CSS, tiene varias opciones por defecto para la alineación de las imágenes de fondo en sus elementos, si ese elemento si la propia página o una capa div. Por ejemplo, puede alinear el fondo a la parte superior izquierda, inferior derecha o centro. Para una alineación más precisa, se puede usar un porcentaje - de la anchura o la altura del envase - o definir píxeles exactos u otras unidades de desplazamiento de sus antecedentes desde el borde interior del recipiente. En el siguiente ejemplo, el fondo se iniciará 10 píxeles desde la izquierda y 200 píxeles desde la parte superior, lo que puede ayudar a que se alinean con otros contenidos en su página.

div
{
background-position: 10px 200px;
}