Ang background ng isang web page ay maaaring maiugnay sa nilalaman nito o kumilos nang nakapag-iisa dito. Sa unang kaso, kapag nag-scroll ng nilalaman sa window ng browser, mag-scroll din ang imahe sa background, habang sa pangalawa, maaari itong manatiling nakatigil. Upang magpatupad ng isang nakapirming background ng pahina, dapat mong gamitin ang wika ng paglalarawan ng estilo ng CSS - maaari lamang itong magagarantiyahan ang parehong pag-uugali sa background sa iba't ibang mga uri ng mga browser.
Panuto
Hakbang 1
Gamitin ang pag-aari ng background-attachment sa CSS upang tukuyin kung dapat na maayos o ilipat ang background ng pahina. Sa kabuuan, ang pag-aari na ito ay maaaring magkaroon ng tatlong mga halaga - kung hindi mo tinukoy ang alinman sa mga ito, pagkatapos ay bilang default ang background-attachment ay itinuturing na isang scroll. Sa halagang ito, mag-scroll ang imahe sa background kasama ang nilalaman ng pahina. Kinokopya ng minana na halaga ang pag-uugali sa background ng elemento ng magulang, at ang naayos na halaga ay ginagawang independiyenteng imahe sa background ng nilalaman - mananatili itong nakatigil kapag na-scroll ang pahina. Dapat mong gamitin ito.
Hakbang 2
Ihanda ang iyong mga tagubilin sa CSS para magamit sa mga pahinang nais mong ayusin ang background. Kung hindi mo mailalagay ang CSS code sa isang panlabas na file ng paglalarawan ng istilo, kung gayon ang mga tagubiling ito ay dapat mailagay sa pagitan ng mga tag ng istilo ng pagbubukas at pagsasara:
// magkakaroon ng mga paglalarawan ng mga istilo
Ang paglalarawan ng pag-uugali sa background ng pahina ay dapat na nakasalalay sa elemento ng BODY - sa terminolohiya ng CSS tatawagin itong isang "tagapili" at isusulat tulad nito: BODY {
// mga paglalarawan ng pahina ng katawan ay narito
} Ang mga pag-aari na nauugnay sa tagapili na ito ay dapat ilagay sa loob ng mga kulot na tirante, pinaghiwalay ng mga semicolon: BODY {
background-attachment: naayos;
background-image: url (mga imahe / BG.gif);
} Nakukuha ng unang linya ang imahe ng background, at ang pangalawa ay ipinapahiwatig ang address ng file na naglalaman ng imahe sa background, na may kaugnayan sa address ng pahina. Ang dalawang linya na ito ay maaaring nakasulat sa isang kumplikadong pahayag ng CSS tulad nito: background: url (mga imahe / BG.gif) naayos;
Hakbang 3
I-paste ang lahat ng code upang ayusin ang background sa teksto ng pahina. Sa natapos na form nito, maaaring ganito ang hitsura:
BODY {background: naayos ang url (mga imahe / BG.gif);}
Siyempre, kailangan mong palitan ang lokasyon at pangalan ng file ng imahe sa background. Mas mahusay na ilagay ang code bago ang tag, kahit na ito ay hindi isang paunang kinakailangan.
