როგორ გამოვასწოროთ ფონი

Სარჩევი:

როგორ გამოვასწოროთ ფონი
როგორ გამოვასწოროთ ფონი

ვიდეო: როგორ გამოვასწოროთ ფონი

ვიდეო: როგორ გამოვასწოროთ ფონი
ვიდეო: როგორ შევიდეთ თიმსში 2024, მაისი
Anonim

ზოგჯერ დიზაინერის განზრახვა მოითხოვს, რომ ფონის სურათი დარჩეს სტაციონარული, რადგან ვიზიტორი გვერდს უვლის გვერდის შინაარსს. ამის გაკეთება შესაძლებელია ნაგულისხმევი ფონის ქცევის პარამეტრის შეცვლით CSS (Cascading Style Sheets) ინსტრუქციების გამოყენებით.

როგორ გამოვასწოროთ ფონი
როგორ გამოვასწოროთ ფონი

ინსტრუქციები

Ნაბიჯი 1

თქვენს ვებ-დოკუმენტს დაამატეთ სხეულის ბლოკის სტილის აღწერა, რომელიც შეიცავს ფონის მიმაგრებულ თვისებას, რომელიც დაყენებულია ფიქსირებულზე და გვერდის ფონი დარჩება სტაციონარული, როგორც დოკუმენტის გადახვევა. ფონის დაფიქსირების ეს მეთოდი იმუშავებს ყველა ბრაუზერში, რომელიც მხარს უჭერს რომელიმე CSS სტანდარტის სტანდარტს, დაწყებული 1.0 ვერსიიდან. ფიქსირებული მნიშვნელობის გარდა, სტანდარტები გთავაზობთ ამ ქონების კიდევ ორ ვარიანტს - გადახვევა და მემკვიდრეობა. თუ დოკუმენტის სტილის აღწერებში მითითებული არ არის მნიშვნელობა ფონურ დანართს, მაშინ ნაგულისხმევად ითვლება გადაადგილება. ამ შემთხვევაში, ფონი გადავა გვერდის შინაარსის გადახვევასთან ერთად. მემკვიდრეობითი მნიშვნელობა მიუთითებს, რომ ამ ელემენტის ფონის დამაგრების თვისებისთვის იგივე მნიშვნელობა უნდა იქნას გამოყენებული, როგორც მისი მშობელი ელემენტისთვის.

ნაბიჯი 2

დაამატეთ სტილის ატრიბუტი თეგს თქვენთვის სასურველი გვერდისთვის და დაამატეთ სტილის აღწერა ფონის გამოსასწორებლად. მაგალითად, შეიძლება ასე გამოიყურებოდეს: აქვე შეგიძლიათ მიუთითოთ ფონის სურათის მისამართი: შეცვალეთ სურათის მისამართი და სახელი (img / pic.gif) თქვენი საკუთარი მნიშვნელობებით. ეს მეთოდი მოსახერხებელია, რადგან ის მოითხოვს ყველაზე ნაკლებ ცვლილებებს გვერდის კოდში, მაგრამ უფრო ხშირად სტილის აღწერა მოთავსებულია ცალკე ბლოკში, დოკუმენტის თავში ან თუნდაც ცალკეულ ფაილში.

ნაბიჯი 3

თუ გსურთ გამოიყენოთ ცალკე CSS ბლოკი, ინსტრუქციებით, რომ დააფიქსიროთ გვერდი ფონისთვის, მოათავსეთ წყაროს ნიშნის წინ, მაგალითად, შემდეგი ხაზები:

BODY {background: url (img / pic.gif) დაფიქსირდა;}

არ დაგავიწყდეთ img / pic.gif- ის ნაცვლად შეიტანოთ ფონის სურათის სწორი სახელი და მისამართი.

გირჩევთ: