divs flotantes de indexación z

Tengo dos divs float: left. I z-index el primer div para estar arriba, pero no funciona. ¿Esto es porque los elementos flotados no están posicionados?divs flotantes de indexación z

<html> 

<style> 
    #wrap{ 
     background:#666; 
    } 

    #menu, #thumbs{ 
     float:left; 
    } 

    #menu{ 
     background:#06C; 
     z-index:10; 
    } 
    #thumbs{ 
     background:#0CF; 
     margin-left:-20px; 
    } 

</style> 
</head> 

<body> 

<div id="wrap"> 
    <div id="menu"> 
    <p>menu</p> 
    </div> 
    <div id="thumbs"> 
    <p>thumbs</p> 
    </div> 
</div> 


</body> 
</html>

Fuente

2011-02-16 Preston

Debe establecer la propiedad position. Agregar position:relative a #menu muestra el menú div arriba de los pulgares.

Fuente

2011-02-16 15:51:18 anothershrubery

¡Ustedes son demasiado buenos! Gracias apiladores! Esto resolvió el problema. – Preston

¿Por qué funciona esto? – bryanph

Respuesta

Cuestiones relacionadas