propriété CSS background-position
Exemples
Comment localiser le background-image:
{
background-image:url('smiley.gif');
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center;
}
Essayez »
définitions de balises et les instructions
propriété background-position définit la position de départ de l'image d'arrière-plan.
Notez que pour que cela fonctionne dans Firefox et Opera, background-attachment doit être réglé sur "fixe (fixe)."
| Par défaut: | 0% 0% |
|---|---|
| Héritage: | aucun |
| Version: | CSS1 |
| Syntaxe JavaScript: | objet object.style.backgroundPosition = "center" |
support du navigateur
Les chiffres du tableau représentent le premier navigateur pour soutenir le numéro de version de la propriété.
| propriété | |||||
|---|---|---|---|---|---|
| background-position | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
REMARQUE: navigateur IE8et les versions antérieures ne supportent pas l' élément a une pluralité d'images d'arrière - plan.
Valeur de la propriété
| 值 | 描述 |
|---|---|
| left top left center left bottom right top right center right bottom center top center center center bottom |
如果仅指定一个关键字，其他值将会是"center" |
| x% y% | 第一个值是水平位置，第二个值是垂直。左上角是0％0％。右下角是100％100％。如果仅指定了一个值，其他值将是50％。 。默认值为：0％0％ |
| xpos ypos | 第一个值是水平位置，第二个值是垂直。左上角是0。单位可以是像素（0px0px）或任何其他 CSS单位 。如果仅指定了一个值，其他值将是50％。你可以混合使用％和positions |
| inherit | 指定background-position属性设置应该从父元素继承 |
exemples en ligne
Comment définir la page image de fond
Cet exemple montre comment définir l'arrière-plan-image sur la page.
Comment positionner une image d'arrière - plan en utilisant%
Cet exemple montre comment utiliser la position de l'image sur la page% des paramètres.
Comment positionner une image d'arrière - plan en utilisant les pixels
Cet exemple montre comment utiliser l'image sur une page de paramètres de localisation de pixel.
articles connexes
Tutoriel CSS: CSS Contexte
CSS Manuel de référence: propriété background-image