Css-truc fix de fundal este un conținut relativ ridicat

Articolul a folosit exemplul imaginii la articolul Cum: Css fundal mare.

Luați în considerare o situație - aveți nevoie pentru a crea o pagină cu lățime fixă, de exemplu, 900 de pixeli, conținutul situat centrată în raport orizontal la fereastra browser-ului. Și avem nevoie pentru a pune mai mult de fundal pe această pagină (dar și centrată orizontal), lățimea, care este semnificativ mai mare decât lățimea blocului nostru conținut centrat.

Context plasat elementar - ne-am cuplat tag-ul său și centru pe orizontală.

În acest caz, avem următoarea structură de cod:

Dacă deveniți fereastră de browser îngust, apoi, din momentul în care nu va fi defilare pe orizontală, veți observa că imaginea de fundal este deplasată la stânga în raport cu conținutul (cu excepția browserele IE6 și IE7). Sarcina noastră - pentru a capta imaginea.

Aceasta elimină problema un truc foarte simplu. Esența ei constă în faptul că unitatea de recipient mamă, în care modelul specificat, este necesar să se aplice lățimea minimă a parametrului egală cu lățimea unității de conținut. În cazul nostru, vom lista lățimea minimă a etichetei . pentru că este „părinte“ tag-ul . la care ne-am înhămat de fundal. Ie pur și simplu adăugați acest stil:

Asta e tot. Acum, uita-te la un exemplu de №2 și să încerce să reducă fereastra browser-ului - fundalul nu va mai misca ceea ce avem nevoie și pentru a atinge.