Background ne s'affiche pas sur chromeRésolu/Fermé

Question

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.

Configuration: Windows 7 / Firefox 41.0

bg62 · Answer

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 ;)

Mirzo · Answer

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*/
}

 
--

barale61 · Answer

C'était bien ça merci.

Background ne s'affiche pas sur chrome

3 réponses

Discussions similaires

Newsletters