problème css avec divs

J'ai quelques div. J'ai besoin de deux enfants là-bas. Le premier devrait être en position statique et sous la seconde.problème css avec divs

alt text http://a.imageshack.us/img685/8185/imgpk.png

rectangle orange doit être positionné à la div parent et a position statique (par exemple, en haut: 20px;). Le deuxième enfant (rectangle rouge) devrait être sur tous les autres divs.

J'ai essayé de rendre absolu div orange et d'utiliser z-index pour manipuler draw-queue. Mais c'est toujours en haut (ou en dessous de tout autre, quand z-index est négatif)

Pourriez-vous m'aider?

UPD

<div id="content"> 
     <div id="secondChild"></div> 
</div> 
<div id="firstChild"></div> 

#content 
{ 
    position: absolute; 
    width: 100%; 
} 
#secondChild 
{ 
    z-index: 9999; 
} 
#firstChild 
{ 
    position: absolute; 
    z-index: -1; 
}

Source

2010-07-30 Ockonal

Publiez vos fichiers HTML et CSS aussi. – Sarfraz

Le code aiderait ainsi nous pouvons reproduire le problème. –

@sac @ liam-spencer Mis à jour mon message – Ockonal

Z-index fonctionne withing contexte de rendu, donc dans votre cas, il doit être appliqué à #Content, pas deuxième enfant. En outre, il devrait déjà chevaucher la façon dont vous avez besoin si la div rouge est après la div orange dans le flux de la page. Dommage que vous ne donniez pas la source complète (er), avec les marges etc, afin que je puisse essayer de reproduire ceci.

Source

2010-07-30 08:36:33 NPC

Merci pour l'accepter, je m'attendais à ce que vous acceptiez la réponse de l'autre gars car il vous donne une solution complète ... – NPC

Pouvez-vous essayer ça?

<html> 
<head> 
<style type="text/css"> 
#content 
{ 
    position: absolute; 
    height: 300px; 
    width: 200px; 
    margin-left: 30px; 
    background-color: blue; 
} 
#secondChild 
{ 
    z-index: 9999; 
    width: 100%; 
} 
#firstChild 
{ 
    position: absolute; 
    width: 50px; 
    height: 50px; 
    z-index: -1; 
    margin-top: 120px; 
    background-color: red; 
} 
</style> 
</head> 

<body> 
    <div id="content"> 
    <div id="secondChild">Second Child</div> 
    </div> 
    <div id="firstChild">First Child</div> 
</body> 
</html>

Source

2010-07-30 08:38:02 jaxb

problème css avec divs

Répondre

Questions connexes