Comment mettre des div sur une autre

hey les gars, j'ai div qui se dressent pour le logo et j'ai une autre div qui se dressent pour un diaporama.
le diaporama div est sous le logo de la div et je veux qu'il soit en vertu de la elle et derrière elle.
c'est ce que j'ai:

HTML

  <div id="site-container">
    <div id="header-container">
    <div id="logo"></div>
    </div>

    <div id="slide"></div>
    </div>

CSS

#logo {
   background:url(img/logo.png) no-repeat left top;
   width:259px;
   height:147px;
   float:left;
}

#slide {
   background:url(img/slide.png) no-repeat left top;
   width:776px;
   height:437px;
   float:left;
}

j'ai essayé d'utiliser la position z, mais il s'avère être quelque chose que je ne veux pas.
pourquoi, pour faire le logo div être une couche supérieure sans bouger de sa position correcte?

merci

double possible de Comment superposition d'une div sur une autre div></a >

OriginalL'auteur David Rose | 2013-08-13

  1. 4

    Si vous le souhaitez sur le haut de la div, vous devez utiliser z-index. Vous devez convertir votre #logo et #slide d'avoir un position attribut et z-index doit être appliqué à la div dont la position que vous souhaitez déplacer vers le haut ou vers le bas.

    OriginalL'auteur Nitesh

  2. 3

    Essayez les solutions suivantes:
    CSS

      #Behind{
    width:100%;
    background-color:orange;
    position: absolute;
    z-index: -1;
    padding:50px;
   }
  #TopOne{ 
    position: absolute;
    top:70px;
    left:50px;
    background-color:wheat;
    padding:20px; 
    }

    et la htm simplement

        <div id="Behind"></div>
    <div id="TopOne">This is Just Testing :)</div>

    C'est le JSFiddle lien aussi JSFiddle

    OriginalL'auteur Adel

  3. 3

    Le corrigé du css est,

     #logo {
   background:url(img/logo.png) no-repeat left top;
   width:259px;
   height:147px;
   float:left;
   position:absolute;
   z-index:1000;
}

#slide {
   background:url(img/slide.png) no-repeat left top;
   width:776px;
   height:437px;
   float:left;
   position:relative;
   z-index:500;
}

    La position de la lame div est défini en tant que parent et le logo div est définie comme absolue. Si le logo est placé à l'intérieur de la diapositive.

    La valeur de z-index attribut décide de qui est.

    z-index doit être un entier, pas de pixels

    OriginalL'auteur Vinod VT

  4. 2

    Il vous manque pas mal de choses à faire.

    z-index vais vous raconter ce qui vient sur le dessus.

    position doit être absolue

    Et vous risquez de quoi jouer avec les marges...

    OriginalL'auteur user2032040

  5. 1

    j'ai utilisé ces:

    #logo {
   background:url(img/logo.png) no-repeat left top;
   width:259px;
   height:147px;
   float:left;
   position:absolute;
   z-index:1;
}

#slide {
   background:url(img/slide.png) no-repeat left top;
   width:776px;
   height:437px;
   float:left;
   position:relative;
}

    et le diaporama est maintenant où il devrait être, mais le logo div float vers la droite alors que j'en ai besoin pour rester sur le côté gauche...
    désolé si vous ne comprenez pas sûr de mon anglais grammaire lol

    Au lieu de fournir ua mises à jour comme réponse.. U peut le jus de mise à jour de votre question.. je l'ai fait cette fois.. 🙂

    OriginalL'auteur David Rose