L'image d'arrière-plan du pied de page de la page Web

J'ai rencontré un problème intéressant aujourd'hui. Je voulais ajouter une image d'arrière-plan au pied du site et écrire du contenu en bas du pied de page. J'ai donc ajouté un arrière-plan au pied de page et défini la taille du pied de page. 🎜>

Parlons de comment commencer :

1 Ajoutez un arrière-plan en bas du pied de page et définissez sa taille

2. Ajoutez un div à l'intérieur du pied de page et écrivez le. contenu

Problème : contenu Il est toujours en haut. Si une marge ou un remplissage est utilisé, une valeur fixe doit être spécifiée. Si l'arrière-plan est modifié un jour, ne faudrait-il pas le réinitialiser

Baidu a donc trouvé une solution basée sur sa propre réflexion :

1 padding-top: 410px;2 background: url('./img/footer.jpg') no-repeat center;3 background-size: 100%;4 background-position:top center;

Le principe est que le remplissage peut être rempli de contenu, comme des images d'arrière-plan, donc si vous poussez le haut du pied de page vers le haut, l'image d'arrière-plan peut également être ajoutée. Bien sûr, il y a L'arrière-plan doit également devenir supérieur. Cette fonction est réalisée en utilisant le principe selon lequel le remplissage est transparent

Les gars. , y as-tu pensé

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!