Comment manipuler la position absolue dans un div

Question

S'il vous plaît aidez-moi avec ce code .. c'est juste un exemple de mise en page .. Je veux que le texte superpose la div .. donc il semble que la div sera l'arrière-plan de le texte

<div>Krishnais so beautiful</div> 
<div class="box"></div> 

css

.box{ 
    top:0px; 
    left:0px; 
    position:absolute; 
    border:1px solid blue; 
    background-color:blue; 
    width:100px; 
    height:100px 
} 

Answer 1

Débarrassez-vous de Position: absolute; + top et left

.box{ 
    top:0px;   #delete 
    left:0px;   #delete 
    position:absolute; #delete 
    border:1px solid blue; 
    background-color:blue; 
    width:100px; 
    height:100px 
} 

jsfiddle

Answer 2

Vous devez définir votre texte positionné (absolu ou relatif), avec un z-index:

.text{ 
    position:relative; 
    z-index:1; 
} 

Pour manipuler l'axe Z, vous pouvez utiliser la propriété z-index . Mais vous pouvez manipuler cette propriété uniquement pour les éléments positionnés.

FIDDLE