Վեբ էջի ֆոնը կարող է կապված լինել դրա բովանդակության հետ կամ իրենից անկախ վարվել: Առաջին դեպքում, բրաուզերի պատուհանում բովանդակությունը ոլորելիս, ֆոնային պատկերը նույնպես ոլորվում է, իսկ երկրորդում ՝ այն կարող է մնալ ստացիոնար: Ֆիքսված էջի ֆոն իրականացնելու համար հարկավոր է օգտագործել CSS ոճի նկարագրության լեզուն. Միայն այն կարող է երաշխավորել ֆոնի նույն վարքը տարբեր տեսակի զննարկիչներում:
Հրահանգներ
Քայլ 1
Օգտագործեք ֆոնային կցորդի հատկությունը CSS- ում ՝ ճշտելու համար, թե արդյոք էջի ֆոնը պետք է ֆիքսված լինի կամ շարժական: Ընդհանուր առմամբ, այս հատկությունը կարող է ունենալ երեք արժեք. Եթե դրանցից որևէ մեկը չեք նշում, ապա ըստ ստանդարտ ֆոնի կցորդը համարվում է ոլորում: Այս արժեքով ֆոնային նկարը ոլորվում է էջի բովանդակության հետ միասին: Itառանգական արժեքը կրկնօրինակում է ծնողի տարրի ֆոնային վարքը, իսկ ֆիքսված արժեքը ֆոնային պատկերը դարձնում է անկախ բովանդակությունից. Էջը ոլորելիս այն մնում է անշարժ: Դուք պետք է օգտագործեք այն:
Քայլ 2
Պատրաստեք ձեր CSS հրահանգները օգտագործման համար այն էջերում, որոնք ցանկանում եք ֆոնն ուղղել: Եթե դուք չեք տեղադրել CSS կոդը արտաքին ոճի նկարագրության ֆայլում, ապա այս հրահանգները պետք է տեղադրվեն բացման և փակման ոճի պիտակների միջև.
// կլինեն ոճերի նկարագրություններ
Էջի ֆոնային վարքի նկարագրությունը պետք է կապված լինի BODY տարրի հետ. CSS տերմինաբանության մեջ այն կկոչվի «ընտրիչ» և կգրվի այսպես ՝ BODY {
// էջի մարմնի նկարագրությունները կլինեն այստեղ
} Այս ընտրիչին վերաբերող հատկությունները պետք է տեղադրվեն գանգուր ամրացումների մեջ, բաժանված են ստորակետներով. BODY {
ֆոնային կցորդ ՝ ֆիքսված;
ֆոն-պատկեր. url (պատկերներ / BG.gif);
} Առաջին տողը նկարում է ֆոնի պատկերը, իսկ երկրորդը նշում է ֆոնի պատկերը պարունակող ֆայլի հասցեն `համեմատած էջի հասցեի հետ: Այս երկու տողերը կարող են գրվել CSS մեկ բարդ շարադրանքում `հետևյալը. Ֆոն. Url (images / BG.gif) ֆիքսված;
Քայլ 3
Կպցրեք բոլոր ծածկագրերը ՝ ֆոնը էջի տեքստի մեջ ամրագրելու համար: Իր պատրաստի տեսքով, այն կարող է նման լինել այսպես.
BODY {ֆոն. Url (պատկերներ / BG.gif) ֆիքսված;}
Իհարկե, դուք պետք է փոխարինեք ֆոնային պատկերի ֆայլի գտնվելու վայրը և անունը: Ավելի լավ է կոդը դնել պիտակի առաջ, չնայած դա նախապայման չէ:
