A voir également:
- Image background et width:100%
- Image iso - Guide
- Acronis true image - Télécharger - Sauvegarde
- Google recherche par image - Guide
- Faststone image viewer - Télécharger - Visionnage & Diaporama
- Image - Guide
6 réponses
Squel8
Messages postés
320
Date d'inscription
jeudi 1 avril 2010
Statut
Membre
Dernière intervention
22 janvier 2024
100
26 janv. 2011 à 21:34
26 janv. 2011 à 21:34
Bonsoir lili_bug,
voilà la solution à ton problème.
background-image: url(images/background_phare.JPG);
no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
Et le tour est joué :)
voilà la solution à ton problème.
background-image: url(images/background_phare.JPG);
no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
Et le tour est joué :)
Bonjour Squel8,
J'ai enlevé le width:100% à la ligne background de ma page et j'ai copié ta réponse.... ça ne fonctionne pas... l'image background n'a pas changée sur ma page web....
As-tu une idée du problème... ou une solution?
Un gros gros gros merci....
J'ai enlevé le width:100% à la ligne background de ma page et j'ai copié ta réponse.... ça ne fonctionne pas... l'image background n'a pas changée sur ma page web....
As-tu une idée du problème... ou une solution?
Un gros gros gros merci....
Squel8
Messages postés
320
Date d'inscription
jeudi 1 avril 2010
Statut
Membre
Dernière intervention
22 janvier 2024
100
Modifié par Squel8 le 2/02/2011 à 09:50
Modifié par Squel8 le 2/02/2011 à 09:50
Bonsoir lili_bug,
donc en effet c'est normal, j'ai vérifié, cette méthode ne fonctionne que sous firefox et non sous IE.
Conclusion, ce que tu veux n'est pas possible, en tout cas pas à ma connaissance. La méthode "width:100%" s'applique pour les div et non pour le background du body, mais dans un cas comme dans l'autre le problème reste le même, ton image ne s'étirera pas pour chaque résolution. Désolé.
Mare dé fote dortaugraf, on conpran ri1 a ceu ke vs zécrivé
donc en effet c'est normal, j'ai vérifié, cette méthode ne fonctionne que sous firefox et non sous IE.
Conclusion, ce que tu veux n'est pas possible, en tout cas pas à ma connaissance. La méthode "width:100%" s'applique pour les div et non pour le background du body, mais dans un cas comme dans l'autre le problème reste le même, ton image ne s'étirera pas pour chaque résolution. Désolé.
Mare dé fote dortaugraf, on conpran ri1 a ceu ke vs zécrivé
txiki
Messages postés
6597
Date d'inscription
mercredi 30 janvier 2002
Statut
Contributeur
Dernière intervention
22 février 2024
515
2 févr. 2011 à 07:53
2 févr. 2011 à 07:53
Bonjour à tous,
La solution de l'image ne vaut rien (car une image est fixe et ne s'étire pas, jamais).
Ta solution c'est de mettre une image qui rentre dans une résolution d'écran de 800 x 600 pour le div et de mettre une couleur d'arrière plan pour le body dans ta feuille de style comme ceci par exemple:
Le bonheur est la seule chose que l'on peut donner sans l'avoir.
La solution de l'image ne vaut rien (car une image est fixe et ne s'étire pas, jamais).
Ta solution c'est de mettre une image qui rentre dans une résolution d'écran de 800 x 600 pour le div et de mettre une couleur d'arrière plan pour le body dans ta feuille de style comme ceci par exemple:
body { /* couleur de fond de la page */
background-color: #CCCCCC;
}
Le bonheur est la seule chose que l'on peut donner sans l'avoir.
brioso
Messages postés
2
Date d'inscription
vendredi 4 mars 2011
Statut
Membre
Dernière intervention
23 décembre 2013
4 mars 2011 à 08:41
4 mars 2011 à 08:41
Pour cela il faut utiliser jquery et supersized... entre autres (voir avec moteur de recherche pour implémentation)
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question<html>
<head>
<style type="text/css">
head, body{height:100%; width:100%; margin:0; padding:0;}
img{position:absolute; top:0; left:0; width:100%; height:100%; z-index:-10;}
p{margin:0; padding:0;}
</style>
</head>
<body>
<img src="http://www.satkal.org/SATKAL_INDEX/My%20Albums/SATKAL%20NEWS/album/res/bg.gif"/>
<div id="header">
</div>
<div id="content">
<p>
Lorem ipsum dolor sit amet
</p>
</div>
</body>
</html>
