HTML тэмдэглэгээний хэл нь вэб дизайнер ямар ч зургийг арын дэвсгэр болгон ашиглах боломжийг олгодог. Гэсэн хэдий ч, хэл нь өөрөө арын зургуудыг хянах чадваргүй байдаг. Илүү нарийн тохируулгыг cascading CSS загварын хүснэгт ашиглан хийдэг.
Зааварчилгаа
1-р алхам
Арын дэвсгэрийг хөтчийн бүрэн өргөн хүртэл сунгахын тулд z-индекс параметрийг CSS дээрээ ашиглах хэрэгтэй. Энэ нь таны үүсгэсэн элементүүдийн дарааллыг тохируулах боломжийг олгодог. Энэ шинж чанарын утга өндөр байх тусам блок нь хуудсан дээр байрших болно.
Алхам 2
Html, css форматаар шинэ баримт бичгүүдийг үүсгэж (хулганы баруун товч - "Шинэ" - "Текст файл") ба дурын текст засварлагч ашиглан нээнэ үү.
Алхам 3
Доод давхарга дээр арын зургийг байрлуул. Энэ нь дэлгэцийн нягтралаас хамаарч сунах болно. Дээд талд, хуудасны агуулгыг харуулах өөр элемент байрлана. Үүнийг хийхийн тулд хоёр блок үүсгэх хэрэгтэй. CSS файлд бичнэ үү.. Layer {z-индекс: 1; өргөн: 100% өндөр: 100% байрлал: үнэмлэхүй;}. 2 давхарга {Байрлал: үнэмлэхүй; z-индекс: 2; } Байрлал: үнэмлэхүй параметр нь туйлын байрлалыг тохируулах боломжийг танд олгоно. давхаргыг бусад элементээс үл хамааран байрлуулах болно.
Алхам 4
Үүсгэсэн CSS кодыг HTML файлд холбоос таг ашиглан оруулна уу: Хуудасны дэвсгэр
Алхам 5
Шинэ давхарга үүсгэх. Шошгыг ашиглаж байна
дээр нь зураг байрлуул. Жишээлбэл: Хуудасны агуулга img-ийн хувьд зөвхөн өргөний параметрийг зааж өгдөг, учир нь хэрэв та өндрийг нэмж зааж өгвөл зарим хөтөч дээр зургийн гажуудал гарч ирдэг.
Алхам 6
Өөрчлөлтөө хадгалаарай. Кодоо шалгахын тулд хуудсаа хөтөчийнхөө цонхонд томруулж үзээрэй. Арын зургийг мөн томруулах хэрэгтэй.
