Minsan kinakailangan ng hangarin ng taga-disenyo ang imahe ng background upang manatiling nakatigil habang ang bisita ay nag-scroll sa nilalaman ng pahina. Maaari itong magawa sa pamamagitan ng pagbabago ng default na setting ng pag-uugali sa background gamit ang mga tagubilin sa CSS (Cascading Style Sheets).
Panuto
Hakbang 1
Magdagdag ng isang paglalarawan ng estilo para sa body block sa iyong web document na naglalaman ng isang background-attachment na pag-aari na nakatakda sa naayos, at ang background ng pahina ay mananatiling nakatigil habang nag-scroll ang dokumento. Ang pamamaraang ito ng pag-aayos ng background ay gagana sa lahat ng mga browser na sumusuporta sa anuman sa kasalukuyang mga pamantayan ng CSS simula sa bersyon 1.0. Bilang karagdagan sa naayos na halaga, ang mga pamantayan ay nagbibigay ng dalawa pang mga pagpipilian para sa pag-aaring ito - mag-scroll at mana. Kung walang tinukoy na halaga para sa background-attachment sa mga paglalarawan ng istilo ng dokumento, ipinapalagay na maitatakda upang mag-scroll bilang default. Sa kasong ito, lilipat ang background kasama ang pag-scroll ng nilalaman ng pahina. Ipinapahiwatig ng halaga ng minana na ang parehong halaga ay dapat gamitin para sa pag-aari ng background-attachment ng elementong ito para sa elemento ng magulang.
Hakbang 2
Magdagdag ng isang katangiang istilo sa tag para sa pahinang nais mo, at magdagdag ng isang paglalarawan ng istilo upang ayusin ang background. Halimbawa, maaaring ganito ang hitsura nito: Maaari mo ring tukuyin ang address ng background na imahe dito: Palitan ang address at pangalan ng imahe (img / pic.gif) ng iyong sariling mga halaga. Maginhawa ang pamamaraang ito sapagkat nangangailangan ito ng pinakamaliit na pagbabago sa code ng pahina, ngunit mas madalas ang paglalarawan ng mga istilo ay inilalagay sa isang hiwalay na bloke sa ulo ng dokumento o kahit sa isang hiwalay na file.
Hakbang 3
Kung nais mong gumamit ng isang hiwalay na CSS block na may mga tagubilin para sa pag-aayos ng background ng pahina, pagkatapos ay ilagay bago ang source tag, halimbawa, ang mga sumusunod na linya:
BODY {background: url (img / pic.gif) naayos;}
Huwag kalimutang isama ang tamang pangalan at address ng imahe sa background sa halip na img / pic.gif.
