Cum se face fundalul unei pagini web în acest exemplu de suprapunere de stive în limba rusă

Vreau să fac totul semantic corect (adică fără divuri inutile etc.). În momentul de față există o regulă în css:

  1. Cum să reglați înălțimea imaginii? Dimensiunea imaginii: 1200 x 1550. Este necesar ca imaginea să fie corectă (adică în lățime și înălțime maximă) afișată pe majoritatea ecranelor cu rezoluții diferite (de aceea este atât de mare). De exemplu, ca și mine (15 inci, 1280 x 800), imaginea nu este complet vizibilă, ci doar partea care se potrivește pe ecran. În acest caz, apare problema de a adăuga un subsol: subsolul a lăsat în partea de jos a imaginii, adică acesta nu este vizibil pe ecran.
  2. Cum să faceți în mod corespunzător un fundal pentru ecrane mai largi decât ale mele? Întindeți fundalul - pare a fi greșit să distorsionați imaginea. Dacă faceți fundalul mai larg, cum îl configurați pentru majoritatea ecranelor pentru a afișa fondul de fundal complet?
  3. Încerc să lucrez cu o dimensiune de fundal de aproximativ 1-1,5 MB. Este prea mult pentru browserele de Internet (adică poate dura mult timp să așteptați până când toată pagina web se încarcă)?






Setați Oct 11 '11 la 10:17 am







  1. Puteți ajusta în mod corespunzător înălțimea fie prin crearea de fundaluri pentru toate rezoluțiile (nu sunt atât de multe dintre ele), fie prin utilizarea. Stretchingul / micșorarea imaginii de fundal este un contor css3, prin urmare nu este acceptat de toate browserele.
  2. cm deasupra.
  3. E un dracu de multe. Pentru imaginea de fundal în 2 megapixeli (1920x1080), puteți păstra în 300-600kb. Acest lucru este, de asemenea, mult mai mult, deoarece atunci când redimensionați cu HTML, va funcționa rapid numai pe browserele care acceptă accelerarea hardware.

răspuns dat 11 Oct '11 la 10:37 am

Poți. Am scris deja, cum și ce dificultăți vor fi. "Jos", pe fundal - img. el are o înălțime și o lățime. src - cel mai mare desen (cu cea mai mare rezoluție). Sus este o pânză de diva cu un index mare z sau marginal negativ mare care conține restul site-ului. Va fi frânată, vă garantez. - 11 Oct 11 la 11:10

Sper că aceasta este o soluție universală, care va fi utilizată în viitor. Deci, pentru a face un fundal potrivit pentru diferite rezoluții, aveți nevoie de:

Browserul nu a fost nevoit să încarce imaginea pentru o lungă perioadă de timp, comprima-l (am reușit să-l comprim

Rămâne să înșurubezi subsolul în partea de jos a paginii (poziția: absolut; partea de jos: 0;);







Articole similare

Trimiteți-le prietenilor: