2010-05-21 10 views
5

Holaabsoluta elemento posicionado de recorte si la posición fuera de su elemento padre IE7

Im tratando de posicionar un elemento por lo que su poco colocado fuera de su elemento padre. En IE8 funciona pero en IE7 el elemento posicionado se recorta.

Aquí está mi código HTML:

<div id="parent"> 
    <div id="child">text</div> 
</div> 

El CSS

#parent { 
height: 40px; 
width: 400px; 
position: relative; 
} 

#child { 
position: absolute; 
width: 100px; 
height: 60px; 
top: 0px; 
left: 0px; 
} 

En Internet Explorer 7 se verá que el último 20 píxeles del elemento hijo se recorta. ¿Cómo puedo resolver esto?

THX

+0

¿Tiene un ejemplo vivo? Aquí hay uno http://jsfiddle.net/PCg6m/ – Kyle

+0

¡increíble! Cuando descifré mi código original, pensé que no funcionaría, pero aparentemente sí. Ahora sé que no es un error, así que tendré que volver a revisar mi código. Espero poder cerrar este problema. – yazz

+0

ahora encontré el problema. Si es que tengo un hermano para el elemento padre que tiene una posición relativa asignada a él. http://jsfiddle.net/DrhBE/ – yazz

Respuesta

4

Su justo el famoso z-index bug para IE7
El problema con IE7 es que se aplica índice z = 0 para todos los elementos posicionados
es decir, los elementos con posición! = Estático tiene z- índice = 0.
Así que al final de este stacking context que produce el problema

Cuestiones relacionadas