HTML:
<footer class="paralax2"> <!--footer--> <div class="fixed">
<!-- Insérer votre footer ici --> </div>
<!-- fin footer --> </footer>
CSS:
.paralax{
background-image: url('img/mrrobot2.jpg');
min-height: 550px;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.fixed{
position: fixed;
bottom: 0;
width: 100%;
z-index: 1;
}
main, header{
z-index: 2;
position: relative;
background-color: white;
background-size: cover;
}
@media (max-width:769px){
.fixed{
position : static !important;
}
.paralax{
/* laisser background-attachement sur fixed pour garder le parallax */
background-attachment: scroll;
}
}