Background ne s'affiche pas sur chrome [Résolu/Fermé]

Signaler
Messages postés
1116
Date d'inscription
jeudi 13 septembre 2012
Statut
Membre
Dernière intervention
14 janvier 2021
-
Messages postés
1116
Date d'inscription
jeudi 13 septembre 2012
Statut
Membre
Dernière intervention
14 janvier 2021
-
Bonjour,

J'ai un background qui ne s'affiche pas sur chrome avec android alors que firefox android l'affiche bien:

body { 
    margin: 0;
    margin-top: 0;
    padding: 10px;
    background: black url(../images/background.jpg) no-repeat center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 0% 50%;
    opacity: 1;
    filter:alpha(opacity=1);
    box-shadow: inset 0px 0px 400px 400px rgba(0,0,0,0.8);
}

Je vous remercie de votre aide.

3 réponses

Messages postés
23070
Date d'inscription
samedi 22 octobre 2005
Statut
Modérateur
Dernière intervention
4 janvier 2021
2 183
lut;)
normalement si CSS, codage sont OK, si les fichiers sont bien présents = pas de soucis de navigateur(S) ...
vide et nettoie ton cache, puis essaie de nouveau, sait-on jamais ;)
Messages postés
75
Date d'inscription
mercredi 15 décembre 2010
Statut
Membre
Dernière intervention
14 octobre 2015
16
Bonjour barale61,

Il y a de fortes chances que cela vienne de ton code CSS. Tu commence par définir un
background
avec la syntaxe condensée puis tu redéfini la position en dessous.

Il est possible qu'il y ai des problèmes d'interprétation suivant les navigateurs.

Essai comme suit :
body {
    background: black url(../images/background.jpg) no-repeat 0 50% fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    /*background-position: 0% 50%; ajoutée dans la syntaxe condensée plus haut*/
}


--
Messages postés
1116
Date d'inscription
jeudi 13 septembre 2012
Statut
Membre
Dernière intervention
14 janvier 2021
86
C'était bien ça merci.