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 :
Merci à vous de votre aide
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; }
Partager