Maison  >  Article  >  interface Web  >  Un exemple pour expliquer la fonction d'adapter l'image de fond à la taille du navigateur en HTML

Un exemple pour expliquer la fonction d'adapter l'image de fond à la taille du navigateur en HTML

怪我咯
怪我咯original
2017-04-30 10:51:412120parcourir

Cet article présente principalement des informations pertinentes sur des exemples détaillés d'adaptation de l'image d'arrière-plan à la taille du navigateur en HTML. Les amis dans le besoin peuvent se référer à

Adaptation de l'image d'arrière-plan à la taille du navigateur. en HTML Exemple détaillé

Solution :

1 L'image n'est pas assez grande et l'attribut d'arrière-plan ne peut pas étirer l'image

2. Vous pouvez uniquement utiliser un p, définir sa valeur d'index z sur négative et faire en sorte que la taille p soit la taille du corps entier.

3. Supprimez l'attribut d'arrière-plan du corps, sinon il sera couvert.

<html> 
<body> 
<p id="Layer1" style="position:absolute; left:0px; top:0px; width:100%; height:100%"> 
<img src="pictures/background.jpg" width="100%" height="100%"/> 
</p> 
</body> 
</html>
Si vous souhaitez que l'image ne défile pas avec la barre de défilement située sur le côté droit du navigateur, utilisez l'attribut position:fixed. Les créateurs de sites Web Wordpress peuvent également utiliser cette méthode pour personnaliser leurs propres images d'arrière-plan sur des pages désignées.

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn