د کوډینډینډینډ اسټینټ پاڼې سره د زغملو عناصرو پوسټ کول
د ویب پاڼې ترتیب لپاره د سی ایس ایس پوسټینټ کارولو پرمهال یو له ننګونو څخه دا دی چې ممکن ستاسو ځینې عناصر ممکن نور له بل سره مخ شي. دا کار سمه کار کوي که تاسو غواړئ چې په HTML کې وروستنۍ عنصر په سر کې وي، مګر که څه هم تاسو نه غواړئ یا هغه عناصر ولرئ چې اوس نور نور نور له بل سره مخ نه کوي ځکه چې دا ډیزاین د دې "پرتې" نظر غوښتنه کوي ؟ د لارښوونې عناصرو د بدلولو لپاره تاسو ته د سی ایس ایس ملکیت د کارولو اړتیا ته اړتیا لري.
که تاسو د Word او PowerPoint یا د پیاوړې انځور ایڈیټر په څیر د Adobe Photoshop کې د ګرافیک وسایل کارولی، نو بیا امکانات مو د یو شی په څیر لیدلي لکه د z-index په عمل کې. په دې پروګرامونو کې، تاسو کولی شئ هغه اعتراضونه چې تاسو یې درکړل، په نښه کړئ، او د خپل سند د ځانګړو عناصرو "مخکښ ته لاړ شئ" یا "واپس ته ولېږئ" انتخاب کړئ. په فوتوشاپ کې، تاسو دا کار نه لرئ، مګر تاسو د پروګرام "لینر" بڼه لرئ او تاسو کولی شئ د دې پرتونو د بیا تنظیمولو له لارې په کونوس کې یو عنصر تنظیم کړئ. په دغو دواړو مثالونو کې، تاسو په اصل کې د دغو توکو ز Z-index ترتیب کوئ.
د ز Index څه شی دی؟
کله چې تاسو په پاڼه کې د عناصرو د ځای کولو لپاره سی ایس ایس پوسټینټ کاروئ، نو تاسو باید په دریو برخو کې فکر وکړئ. دوه معیاري اړخونه شتون لري: ښي / ښي او ښې او پورته / لاندې. ښي خوا ته ښي ليکي د x-index په نامه پيژندل کيږي، پداسې حال کې چې پورته تر ښکته يو د Y-index دی. دا دا دی چې تاسو به په افقی یا عمودی توګه د موقف ځایونه ولرئ، د دې دوه ارقامو څخه کار واخلئ.
کله چې په ویب ډیزاین کې راشي، د پاڼې د ستارولو حکم هم شتون لري. په پاڼه کې هر عنصر کولی شي د نورو عنصر پورته یا لاندی پورته کیدلی شي. د ز-انډیز ملکیت ټاکي چې په سټینډ کې هر عنصر دی. که x-index او y-index افقی او عمودی قطار وی، نو بیا د ز-اندیګ د صفحې ژور دی، په اصل کې دریم اړخ.
زه غواړم د ویب پاڼې عناصر د کاغذ ټوټې، او د ویب پاڼه پخپله د کوګز په توګه وپوهیږم. چیرته چې زه کاغذ یاد کړم د پوټینګ له لارې ټاکل شوی، او د نورو عناصرو لخوا څومره پوښل شوی دی z-index.
Z-index یو شمېره ده، یا مثبته (د مثال په توګه 100) یا منفی (د مثال په ډول --100). Default z-index. 0. هغه عنصر چې د لوړو زېرمو سره یې په پورتنۍ برخه کې دی، ورپسې بل لوړ او تر ټولو ټیټې کچې z-index پورې. که دوه عناصرو ورته z-index ارزښت ولري (یا دا تعریف شوی نه وي، پدې مانا چې د 0 د اصلي ډیزاین ارزښت استعمال کړئ) برنر به دوی په HTML کې په هغه ترتیب کې پرتې وي.
د ز-انټرنېټ څنګه کارول کیږي
هر عنصر ته چې تاسو غواړئ ستاسې په ټیک کې وغواړئ د Z-index ارزښت. د مثال په توګه، که زه پنځه مختلف عناصر ولرئ:
- عنصر 1 - z-index د 25
- عنصر 2 - z- د 82 مکتوب
- عنصر 3 - z-index ندی ټاکل شوی
- عنصر 4 - z-10 د لینکس
- د عنصر 5 - z-index -3 د
دوی به په لاندې ترتیباتو کې ډډه وکړي:
- عنصر 2
- عنصر 4
- عنصر 3
- عنصر 5
- عنصر 1
زه ستاسو د عناصرو د بندولو لپاره د Z-index ارزښتونو څخه کار اخلم سپارښتنه کوم. په دې ډول، که تاسو وروسته د پاڼې لپاره نور عناصر اضافه کړئ، نو تاسو کوټه لري چې پرته له دې چې د نورو عناصرو ز Z-index ارزښتونو سمون ومومي. د مثال په توګه:
- 100 زما د سر تر ټولو عنصر لپاره
- زما د منځنی عنصر لپاره
- -100 زما د لاندې عنصر لپاره
تاسو کولی شئ دوه عناصرو ورته z-index ارزښت ورکړئ. که دا عناصر لرې شوي وي، دوی به په هغه ترتیب کې ښودل شوي چې دوی په HTML کې لیکل شوي، په پایله کې د وروستنۍ عنصر سره.
یو عنصر، د عنصر لپاره د ز-انفرادي ملکیت په کارولو سره، دا باید د بلاک سطح عنصر وي یا ستاسو د CSS فایل کې د "بلاک" یا "ان لائن بلاک" ډسپلی څخه کار واخلئ.
اصلي جینفر جینیفر کرینین. په 12/09/16 کې جیریمي Girard لخوا تایید شوی.