Comment utiliser la propriété d'arrière-plan CSS

Arrière-plan est un attribut abrégé qui peut définir la couleur d'arrière-plan, la position de l'arrière-plan, la taille de l'arrière-plan, la méthode de mosaïque d'arrière-plan, l'image d'arrière-plan et d'autres styles dans une seule instruction. La syntaxe est « arrière-plan : méthode de mosaïque de position/taille de l'image couleur. bg -origin draw zone bg-attachment;".

définition et utilisation de la propriété d'arrière-plan CSS

la propriété abrégée d'arrière-plan définit tous les arrière-plans dans une seule instruction Propriétés :

• couleur de fond

• position de fond

• taille de fond

• répétition d'arrière-plan

• origine-d'arrière-plan

• clip d'arrière-plan

• pièce jointe d'arrière-plan

• image d'arrière-plan

Syntaxe :

background:bg-color bg-image position/bg-size bg-repeat bg-origin bg-clip bg-attachment ;

Si vous ne définissez aucune des valeurs, il n'y aura aucun problème. Par exemple, background:#ff0000 url('smiley.gif');

Il est généralement recommandé d'utiliser cet attribut au lieu d'utiliser des attributs individuels individuellement, car il est mieux pris en charge dans les navigateurs plus anciens et nécessite la saisie de moins de lettres.

Exemple

Comment définir toutes les propriétés d'arrière-plan dans une seule instruction

body
  { 
  background: #00FF00 url(bgimage.gif) no-repeat fixed top;
  }

Prise en charge du navigateur

Tous les navigateurs prennent en charge l'attribut d'arrière-plan.

Remarque : IE8 et les navigateurs antérieurs ne prennent pas en charge plusieurs images d'arrière-plan pour un élément.

Remarque : IE7 et les navigateurs antérieurs ne prennent pas en charge « hériter ». IE8 nécessite !DOCTYPE. IE9 prend en charge "l'héritage".

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!