z-index en Internet Explorer

iuttu — Fri, 19 Dec 2008 09:13:41 +0000

Es posible que, dependiendo de los requisitos del diseño, necesitemos modificar los valores por defecto de la propiedad z-index de un elemento. Esta propiedad no tiene ninguna dificultad aparente, el valor indica la prioridad de mostrarse por encima o por debajo de otras capas -cuanto más alto el número más prioridad-.

Pues pasa que en el navegador Internet Explorer, nos podemos encontrar que las capas no hagan caso a esta propiedad, con lo que un estilo definido de la siguiente manera:

1	#pie { margin-top: -130px; z-index: 10; }

no haga caso. La solución (la mayoría de las veces), es incluir la propiedad position: relative al estilo para que funcione:

1	#pie { margin-top: -130px; z-index: 10; position: relative;}

Estilo de bola (disc) en listas de IE6

iuttu — Fri, 26 Sep 2008 15:35:47 +0000

A veces, cuando creamos listas, necesitamos indicarle un señalador para remarcar cada elemento de la lista. Si usamos la propiedad list-style podremos asignar el tipo de señalador de lista que queramos. El problema viene cuando tenemos la necesidad de que cada elemento de la lista tenga la propiedad display como inline o la propiedad float marcada, entonces, si revisamos la lista en Internet Explorer 6, descubriremos que el señalador no aparece.

Por ejemplo, si tenemos la lista:

<ul>
<li>un elemento</li>
<li>dos elementos</li>
<li>tres elementos</li>
</ul>

y las propiedades:

1 2	ul { list-style: disc; } ul li { float: left; }

veremos el punto negro en todos los navegadores menos en Internet Explorer 6, que estará vacío. Para que se vea, tendremos que añadir la propiedad list-type con el valor inside:

1	ul { list-style: disc; list-type: inside; }

iuttu » css

z-index en Internet Explorer

Estilo de bola (disc) en listas de IE6