Positionnement footer

salut a tous

je fais un exercice je dois réaliser un site web responsive. j'en suis au footer ou je dois mettre une image de fond, le probleme est que je n'arrive pas a placer du texte dessus (accueil/mentions legales/contact) il se place juste au dessus de l'image

</header>
    <div id="footer"><p>Accueil | Mention Légales | Contact</p>
    <img src="image/footer.jpg" width="100%" alt="bandeau footer"></div>
 </body>
</html>

#footer{
 
position:absolute;
text-align: center;
color: white;
bottom:0;
width:100%;
padding-top:50px;
max-height:0px;
left: 0; 
right: 0;

}

pour le moment je suis avec la version desktop

merci de votre aide
Modifié par moon28 (30 Dec 2017 - 00:01)

Pour faire simple

z-index

https://www.alsacreations.com/astuce/lire/84-comment-fonctionne-la-proprit-css-z-index.html

et pense

</header>
<footer>
    <img class="imgf" src="assets/img/image.jpg" width="100%" alt="bandeau footer">

    <div id="footer">
    	<p> Accueil | Mention Légales | Contact </p> 
    </div>

    </footer>
 </body>
</html>

Modifié par uniuc (30 Dec 2017 - 00:50)