Discussion :

[Gwenm]

Bonjour, je test un site sur les plateformes, pc, tablette, iphone avec firefox et IE. J'ai trouvé une erreur concernant l'affichage en mode portrait sur tablette et IE. Mon image de fond ne s'adapte pas bien (espace blanc en bas) contrairement à l'affichage sur chrome où l'image prend tout le corps de la page.

J'ai testé quelque solution ici et là trouvé sur la toile, mais sans effet..

D'après ce que j'ai pu comprendre, le disfonctionnement viendrai de ce bout de css :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
body{
	background:url(../images/banner.jpg) no-repeat 0px 0px fixed;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
	min-height:100%;
	font-family: 'Nunito', sans-serif;
	background-attachment: fixed;
}

Merci pour vos lumières

[Gwenm]

En fin de compte c'était mon image qui était trop petite ..

[NoSmoking]

Bonjour,
c'est normalement le rôle de background-size:cover !

Au passage il est préférable de finir les déclarations par la propriété finalisée

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
-webkit-background-size:cover;
   -moz-background-size:cover;
    -ms-background-size:cover;
     -o-background-size:cover;
        background-size:cover;