Хөдөлгөөнгүй дэвсгэрийг хэрхэн яаж хийх вэ

Агуулгын хүснэгт:

Хөдөлгөөнгүй дэвсгэрийг хэрхэн яаж хийх вэ
Хөдөлгөөнгүй дэвсгэрийг хэрхэн яаж хийх вэ

Видео: Хөдөлгөөнгүй дэвсгэрийг хэрхэн яаж хийх вэ

Видео: Хөдөлгөөнгүй дэвсгэрийг хэрхэн яаж хийх вэ
Видео: Запёк целую ногу СТРАУСА ВЕСОМ 15 кг в печи 2024, Дөрөвдүгээр сар
Anonim

Вэб хуудасны арын дэвсгэрийг агуулгатай нь уялдуулж эсвэл бие даан биеэ авч явах боломжтой. Эхний тохиолдолд, хөтөчийн цонхонд агуулгыг гүйлгэхэд арын дэвсгэр зураг мөн гүйдэг бол хоёр дахь нь хөдөлгөөнгүй хэвээр үлдэж болно. Тогтмол хуудасны дэвсгэр дэвсгэрийг хэрэгжүүлэхийн тулд та CSS загварын тодорхойлолтын хэлийг ашиглах хэрэгтэй бөгөөд зөвхөн өөр төрлийн хөтөч дээр ижил дэвсгэр үйлдлийг баталгаажуулж чадна.

Хөдөлгөөнгүй дэвсгэрийг хэрхэн яаж хийх вэ
Хөдөлгөөнгүй дэвсгэрийг хэрхэн яаж хийх вэ

Зааварчилгаа

1-р алхам

Хуудасны дэвсгэрийг засах эсвэл хөдлөх эсэхийг тодорхойлохын тулд CSS дээрх background-attachment шинж чанарыг ашиглана уу. Нийтдээ энэ өмч нь гурван утгатай байж болно - хэрэв та тэдгээрийн аль нэгийг нь заагаагүй бол анхдагчаар дэвсгэр хавсралтыг гүйлгэх гэж үзнэ. Энэ утгын дагуу дэвсгэр зураг хуудасны агуулгын хамт гүйлгэнэ. Удамшлын утга нь эх элементийн арын зан үйлийг хуулдаг бөгөөд тогтмол утга нь арын зургийг агуулгаас хараат бус болгодог - хуудас гүйлгэхэд хөдөлгөөнгүй хэвээр үлддэг. Та үүнийг ашиглах хэрэгтэй.

Алхам 2

Арын дэвсгэрийг засах хуудсандаа ашиглахын тулд CSS-ийнхээ зааврыг бэлтгэ. Хэрэв та CSS кодыг гаднах хэв маягийн тодорхойлолтын файлд байрлуулахгүй бол эдгээр зааврыг нээх ба хаах загварын хаягуудын хооронд байрлуулна.

// хэв маягийн тодорхойлолт байх болно

Хуудасны дэвсгэр зан үйлийн тодорхойлолтыг BODY элементтэй холбосон байх ёстой - CSS нэр томъёонд үүнийг "сонгогч" гэж нэрлээд дараах байдлаар бичнэ: BODY {

// хуудасны үндсэн хэсгийн тайлбарууд энд байх болно

} Энэ сонгогчтой холбоотой шинж чанаруудыг буржгар хаалт дотор байрлуулж, цэг таслалаар тусгаарласан байх ёстой: BODY {

дэвсгэр хавсралт: тогтмол;

background-image: url (зураг / BG.gif);

} Эхний мөрөнд арын дэвсгэр зургийг авах бөгөөд хоёр дахь хэсэгт хуудасны хаягтай харьцуулан арын зургийг агуулсан файлын хаягийг заана. Эдгээр хоёр мөрийг нэг цогц CSS мэдэгдэлд дараах байдлаар бичиж болно: background: url (images / BG.gif) тогтмол;

Алхам 3

Хуудсын текстэнд дэвсгэрийг засахын тулд бүх кодыг наа. Дууссан хэлбэрээр дараах байдалтай байж болно:

BODY {дэвсгэр: url (зураг / BG.gif) тогтмол;}

Мэдээжийн хэрэг та арын дэвсгэр файлын байршил, нэрийг солих хэрэгтэй. Энэ нь урьдчилсан нөхцөл биш боловч кодыг tag-ийн өмнө байрлуулах нь дээр.

Зөвлөмж болгож буй: