ვებ-გვერდის ფონი შეიძლება მიბმული იყოს მის შინაარსზე ან იქცეოდეს მისგან დამოუკიდებლად. პირველ შემთხვევაში, ბრაუზერის ფანჯარაში შინაარსის გადახვევისას, ფონის სურათი ასევე გადახვევა, ხოლო მეორეში, ის შეიძლება დარჩეს სტაციონარული. ფიქსირებული გვერდის ფონის განსახორციელებლად უნდა გამოიყენოთ CSS სტილის აღწერის ენა - მხოლოდ მას შეუძლია უზრუნველყოს ფონის იგივე ქცევა სხვადასხვა ტიპის ბრაუზერებში.
ინსტრუქციები
Ნაბიჯი 1
გამოიყენეთ ფონის მიმაგრებული თვისება CSS– ში, რომ მიუთითოთ, უნდა იყოს თუ არა გვერდის ფონი ფიქსირებული ან მოძრავი. საერთო ჯამში, ამ თვისებას შეიძლება ჰქონდეს სამი მნიშვნელობა - თუ არ მიუთითებთ რომელიმე მათგანს, მაშინ სტანდარტულად ფონის დანართი ითვლება გადახვევად. ამ მნიშვნელობით, ფონის სურათი გადაადგილდება გვერდის შინაარსთან ერთად. მემკვიდრეობითი მნიშვნელობა ასრულებს მშობლის ელემენტის ფონურ ქცევას, ხოლო ფიქსირებული მნიშვნელობა ფონის სურათს შინაარსისგან დამოუკიდებლად ხდის - ის გვერდს უვლის გვერდის გადახვევისას. თქვენ უნდა გამოიყენოთ იგი.
ნაბიჯი 2
მოამზადეთ CSS ინსტრუქცია იმ გვერდებზე გამოსაყენებლად, რომელთა ფონის გამოსწორება გსურთ. თუ CSS კოდს არ განათავსებთ გარე სტილის აღწერილ ფაილში, მაშინ ეს ინსტრუქცია უნდა განთავსდეს გახსნისა და დახურვის სტილის ტეგებს შორის:
// იქნება სტილის აღწერა
გვერდის ფონის ქცევის აღწერა უნდა იყოს დაკავშირებული BODY ელემენტთან - CSS ტერმინოლოგიაში მას "სელექტორი" ეწოდება და ასე დაიწერება: BODY {
// გვერდის სხეულის აღწერილობა აქ იქნება
} ამ სელექტორთან დაკავშირებული თვისებები უნდა განთავსდეს ტალღოვანი საყრდენების შიგნით, გამოყოფილი იყოს მძიმით: BODY {
ფონის მიმაგრება: ფიქსირებული;
background-image: url (images / BG.gif);
} პირველი სტრიქონი იკავებს ფონის სურათს, ხოლო მეორე მიუთითებს ფაილის მისამართს, რომელიც შეიცავს ფონის სურათს, გვერდის მისამართთან მიმართებაში. ეს ორი სტრიქონი შეიძლება დაიწეროს ერთ რთულ CSS დებულებაში ასე: ფონი: url (images / BG.gif) ფიქსირდება;
ნაბიჯი 3
ჩასვით მთელი კოდი, რომ ფონი დაფიქსირდეს გვერდის ტექსტში. დასრულებული ფორმით, შეიძლება ასე გამოიყურებოდეს:
BODY {background: url (images / BG.gif) დაფიქსირდა;}
რა თქმა უნდა, თქვენ უნდა შეცვალოთ ფონის სურათის ფაილის ადგილმდებარეობა და სახელი. უკეთესია, რომ კოდი მოაწეროს ტეგს, თუმცა ეს არ არის წინაპირობა.
