Arxa Planı Necə Düzəltmək Olar

Mündəricat:

Arxa Planı Necə Düzəltmək Olar
Arxa Planı Necə Düzəltmək Olar

Video: Arxa Planı Necə Düzəltmək Olar

Video: Arxa Planı Necə Düzəltmək Olar
Video: Şəkildə arxa fon dəyişmək | sekillerde arxa plan nece deyisilir | Picsart ile arka plan değiştirme 2024, Bilər
Anonim

Bəzən dizaynerin məqsədi, ziyarətçi səhifənin içərisində gəzdikcə arxa plan şəklinin sabit qalmasını tələb edir. Bu, CSS (Cascading Style Sheets) təlimatlarından istifadə edərək, standart fon davranış parametrlərini dəyişdirərək edilə bilər.

Arxa planı necə düzəltmək olar
Arxa planı necə düzəltmək olar

Təlimat

Addım 1

Bədən bloku üçün sabitləşdirilmiş bir arxa plan əlavə xüsusiyyəti olan veb sənədinizə bir üslub təsviri əlavə edin və sənəd arxa plana keçdikcə səhifə arxa planı sabit qalacaq. Arxa planı düzəltmək üçün bu üsul 1.0 versiyasından başlayaraq mövcud CSS standartlarından hər hansı birini dəstəkləyən bütün brauzerlərdə işləyəcəkdir. Sabit dəyərə əlavə olaraq standartlar bu xüsusiyyət üçün daha iki seçim təmin edir - sürüşdür və miras al. Sənəd stili təsvirlərində arxa plana əlavə üçün heç bir dəyər göstərilmirsə, o zaman varsayılan olaraq sürüşdürülməsi nəzərdə tutulur. Bu vəziyyətdə, arxa plan səhifənin sürüşməsi ilə birlikdə hərəkət edəcəkdir. Miras dəyəri, bu elementin ana elementi ilə eyni dəyərin bu fonun əlavə xüsusiyyətində istifadə edilməli olduğunu göstərir.

Addım 2

İstədiyiniz səhifənin etiketinə üslub atributu əlavə edin və arxa planı düzəltmək üçün üslub təsviri əlavə edin. Məsələn, belə görünə bilər: Fon şəklinin ünvanını burada da göstərə bilərsiniz:. Təsvirin ünvanını və adını (img / pic.gif) öz dəyərlərinizlə əvəz edin. Bu üsul rahatdır, çünki səhifə kodunda ən az dəyişiklik tələb olunur, lakin daha çox üslubların təsviri sənədin başındakı ayrı bir blokda və ya hətta ayrı bir sənəddə yerləşdirilir.

Addım 3

Səhifənin arxa hissəsini düzəltmək üçün təlimatları olan ayrı bir CSS blokundan istifadə etmək istəyirsinizsə, mənbə etiketinin önünə, məsələn, aşağıdakı sətirlərə qoyun:

BODY {background: url (img / pic.gif) sabit;}

İmg / pic.gif"

Tövsiyə: