.slide{
background: 50% 50%/cover;
}
Que fait ?fond: 50% 50%/couverture; Qu'est-ce que ça veut dire?
Je sais que la syntaxe de fond est comme ce http://www.w3schools.com/css/css_background.asp
body {
background: #ffffff url("img_tree.png") no-repeat right top;
}
Mais pourquoi dans mon code il y a 50% 50%/cover?
A.background-position:50% 50%
la background-position a ces valeurs position(left/right/center top/center/bottom) |x% y%|xpos ypos|initial|inherit;
background-position:50% 50% moyens
La première valeur correspond à la position horizontale et la deuxième valeur est la verticale. Le coin supérieur gauche est 0% 0%. Le coin inférieur droit est 100% 100%. Si vous spécifiez seulement une valeur, l'autre valeur sera de 50%. . Valeur par défaut est: 0% 0%
lire ici plus background-position
B.background-size:cover
la propriété background-size peut avoir ces valeurs background-size: auto|length|cover|contain|initial|inherit;
background-size:cover Est-ce:
Mettre à l'échelle l'image d'arrière-plan pour qu'elle soit la plus grande possible afin que la zone d'arrière-plan soit entièrement couverte par l'image d'arrière-plan. Certaines parties de l'image d'arrière-plan ne peut pas être en vue dans la zone de positionnement de fond
voir ici background-size
donc dans votre code:
body {
background: #ffffff url("img_tree.png") no-repeat right top;
}
right top est le background-position si 50% 50% sera être à leur place. aussi vous n'avez pas un jeu background-size donc sa valeur est auto
si vous voulez combiner les deux codes écrire comme ça
body {
background: url("img_tree.png") no-repeat 50% 50%/cover #ffffff ;
}
Ce qui se traduit par
body {
background-image: url("img_tree.png");
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
background-color:#fff;
}
Cela signifie: arrière-plan: position/taille.
c'est un helpful link où vous pouvez trouver une information détaillée sur la propriété d'arrière-plan
première et seconde valeurs sont des positions d'arrière-plan pour l'élément. Et le second "couverture" est la taille de l'arrière-plan pour l'élément