Bonjour,
Je souhaite avoir une image au-dessus d'une autre et que celle-ci soit également responsive mais je n'y parviens pas.
Je débute avec l'utilisation de Bootstrap donc je suis encore entrain de tâtonner sur le code.

HTML :

Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
<section id="test">
  <div class="row">
          <div class="imgbg"><img src="img/bg_pres.png" class="img-responsive"></div>
          <div class="imgpos"><img src="img/ico_presentation.png" class="img-responsive"></div>
</div>
</section>

CSS :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
.imgbg
        {
  margin-top: 5%;
  position:absolute;
  background-repeat :repeat-x;
  width:98%;
  height:auto;
  background-image: url('img/bg_pres.png');
  z-index : 3;
      }
 
 
.imgpos
{
position:relative;
  z-index: 5;
 
}
Merci à vous de votre aide