Tweet pe Twitter
Proprietatea imagine-imagine stabilește imaginea în fundal a elementului. Poate să ia una sau mai multe valori, separate prin virgule.
Atunci când mai multe imagini sunt setate pe fundal, aveți posibilitatea să redimensionați, să poziționați sau să setați repetabilitatea pentru fiecare imagine, în funcție de valoarea corespunzătoare din alte proprietăți de fond.
Practic, când se utilizează imagini de fundal suprapuse, majoritatea au zone transparente, ceea ce vă permite să vedeți alte imagini situate mai jos. Vedeți exemplul de mai jos.
Când este setată proprietatea imaginii de fundal. În CSS, trebuie să definiți și culoarea de fundal. Va fi utilizat, imaginea de fundal nu este disponibilă. Dacă este disponibilă o imagine de fundal, se va suprapune culoarea de fundal. Toți frontierele definite pentru element sunt desenate pe fundal. Așa că avem: fundal-culoarea în partea de jos, imagini la nivelul de mai sus și frontierele de sus.
Modul în care este desenată imaginea cu privire la bloc și la marginea sa este determinată utilizând proprietățile originale ale clipului de fundal și ale fundalului
Fiecare imagine creează un "strat" în interiorul elementului. Chiar dacă valoarea nu este una, stratul este încă creat, nimic nu este tras pe el.
Imagine Blank (lățimea și înălțimea sunt egale cu zero), sau imaginea nu este progruz sau pur și simplu nu pot fi afișate (de exemplu, din cauza lipsei de suport pentru acest format) este, de asemenea, considerată ca un strat, pur și simplu nu afișează nimic.
Datorită disponibilității, dezvoltatorii nu recomandă utilizarea imaginii de fundal ca singura modalitate de a transfera informații importante. Este posibil ca imaginile să nu fie disponibile în mod non-grafic (de exemplu, în modul citire) sau imaginile de fundal pot fi dezactivate în modul de contrast înalt.
Proprietatea imagine-imagine vă permite să inserați o imagine într-un document numai în CSS, fără a utiliza HTML. O alternativă textuală este necesară pentru persoanele care nu pot vedea imagini, chiar dacă aceste imagini transmit informații importante. Astfel, este greșit să folosim această proprietate pentru a adăuga o imagine care transporta informații importante.
Cu toate acestea, unii dezvoltatori folosesc, uneori, această proprietate împreună cu un text de proprietate liniuță la tehnica de înlocuire a imaginii (în principal titluri) și pentru a arăta o reprezentare grafică a textului în locul său. O tehnică, care este un bun exemplu pentru modul semantic și la prețuri accesibile pentru a înlocui imaginea, Scott a demonstrat Kelyumom și puteți citi mai multe despre ea în ziar Înlocuirea hack -9999px (nou de înlocuire a imaginii).