ßê çàô³êñóâàòè ôîí
²íîä³ çàäóì äèçàéíåðà âèìàãàº, ùîá ôîíîâå çîáðàæåííÿ çàëèøàëîñÿ íåðóõîìèì ïðè ïðîêðó÷óâàíí³ â³äâ³äóâà÷åì âì³ñòó ñòîð³íêè. Öå ìîæíà çðîáèòè, çì³íèâøè çà äîïîìîãîþ ³íñòðóêö³é ìîâè CSS (Cascading Style Sheets - «êàñêàäí³ òàáëèö³ ñòèë³â») âèêîðèñòîâóâàíó çà çàìîâ÷óâàííÿì óñòàíîâêó ïîâåä³íêè ôîíó.
1
Äîäàéòå â âåá-äîêóìåíò îïèñ ñòèë³â äëÿ áëîêó body, ùî ì³ñòèòü âëàñòèâ³ñòü background-attachment ³ç çíà÷åííÿì fixed, ³ ôîí ñòîð³íêè áóäå çàëèøàòèñÿ íåðóõîìèì ïðè ïðîêðó÷óâàíí³ äîêóìåíòà. Öåé ñïîñ³á ô³êñàö³¿ ôîíó áóäå ïðàöþâàòè ó âñ³õ áðàóçåðàõ, ùî ï³äòðèìóþòü áóäü-ÿêèé ç íèí³ ä³þ÷èõ CSS-ñòàíäàðò³â, ïî÷èíàþ÷è ç âåðñ³¿ 1.0. Êð³ì çíà÷åííÿ fixed, äëÿ öüîãî âëàñòèâîñò³ ñòàíäàðòàìè ïåðåäáà÷åí³ ùå äâà âàð³àíòè - scroll ³ inherit. ßêùî â îïèñàõ ñòèë³â äîêóìåíòà íå âêàçàíî æîäíîãî çíà÷åííÿ äëÿ background-attachment, òî çà çàìîâ÷óâàííÿì ââàæàºòüñÿ, ùî âîíî âñòàíîâëåíî â scroll.  öüîìó âèïàäêó ôîí áóäå ïåðåì³ùàòèñÿ ðàçîì ç ïðîêðóòêîþ âì³ñòó ñòîð³íêè. Çíà÷åííÿ inherit âêàçóº, ùî äëÿ âëàñòèâîñò³ background-attachment öüîãî åëåìåíòà ìຠáóòè âèêîðèñòàíî òå æ ñàìå çíà÷åííÿ, ùî ³ äëÿ éîãî áàòüê³âñüêîãî åëåìåíòó.
2
äîïîâí³òü òåã ïîòð³áíî¿ ñòîð³íêè àòðèáóòîì style ³ ïîì³ñò³òü â íüîãî îïèñ ñòèë³â, ùî ô³êñóº ôîí. Íàïðèêëàä, öå ìîæå âèãëÿäàòè òàê:.Ìîæíà òóò æå âêàçàòè ³ àäðåñà ôîíîâîãî çîáðàæåííÿ:.Àäðåñà òà íàçâà êàðòèíêè (img / pic.jpg) çàì³í³òü âàøèìè âëàñíèìè çíà÷åííÿìè. Òàêèé ñïîñ³á çðó÷íèé òèì, ùî ïîòðåáóº ÿêíàéìåíøèõ çì³í â êîä³ ñòîð³íêè, îäíàê ÷àñò³øå îïèñ ñòèë³â âèíîñÿòü â îêðåìèé áëîê â ãîëîâí³é ÷àñòèí³ äîêóìåíòà àáî íàâ³òü â îêðåìèé ôàéë.
3
ßêùî õî÷åòå âèêîðèñòîâóâàòè îêðåìèé CSS-áëîê ç ³íñòðóêö³ÿìè äëÿ ô³êñàö³¿ ôîíó ñòîð³íêè, òî ïîì³ñò³òü ïåðåä òåãîì âèõ³äíîãî êîäó, íàïðèêëàä, òàê³ ðÿäêè: .Íå çàáóäüòå âêàçàòè ïðàâèëüíå ³ì`ÿ òà àäðåñó ôîíîâîãî çîáðàæåííÿ çàì³ñòü img / pic.jpg.
Ñòàòò³ çà òåìîþ "ßê çàô³êñóâàòè ôîí"
Îö³í³òü, áóäü ëàñêà ñòàòòþ