CSS z-شاخص: د عمومي کتنه، مال

قانون CSS z-دفورم سر ته - مخ عنصر مقام مرستندوی همغږي: د نندارې عنصر یا طبقه په کوم کې چې دا پروت دی په کچه. Tag چې لري z-شاخص زیات به په بشپړه توګه نندارې ته شي. نښانونه په امر دوی په راتلونکي جريان او تداخل ښکاري نندارې دي. приоритет видимости. الف-د شاخص ارزښت د لید لومړيتوب ټاکي.

موږ بايد د عصري د لټوونی او الگوريتم نندارې عناصر باج ورکړي. څرنګه چې د ورځې ګرافیک او نیول پردې کله چې په غوښتنلیک کړکۍ د عناصرو clipping ستونزه د لیدلو وړ او پټ برخو جوړه شوې، د سترګو نندارې تکنالوژي محتوا ښه پايلې ته رسېدلي. په یوه لټووني کړکۍ، ټول عناصر دي په سمه توګه نندارې ته، د د کارونکي ګوري يوازې هغه څه دی مشخص ډيزاين او يا د پراختیا.

د عمومي اصل: د نظم او د کچه

د آخذې د ويالو (پاڼه جوړه سرور) سره نښلو د کتنمل لولي. ټول نښانونه سره د CSS قواعدو سره سم نندارې دي او کیدای شي ته راشي.

دا مثال په څلور نښی عنصر تشريح کوي. هر پرله پسې ډول تداخل د پخواني یو. په هغو سيمو کې د نښانونه دي اوښتي، د لومړیتوب د يوې پوښتنې شته. د قانون په توګه z-شاخص د دغو ټولو ورته او مساوي ته 848 CSS نښانونه کې به څرګنده شي چې د عنصر چې په لاندې ډول ځي. ټول چې د بل عنصر هر لاندې peeks بهر، په ظاهره.

واکمنۍ لید

د لټوونی څارنه د لید د اصولو یوازې "عادلانه". ډېره ستونزمنه ده - سره الګوریتم چې تاسو ته اجازه ټول ناخالص دعایداتو د تحليل او يوازې هغه کار واخلي چې په حقيقت څخه تېرېږي، د هغو برخو چې د هر راتلونکی عنصر جذب دي پرته را څرګند شي.

په ډيرو مواردو کې د دې لازم نه دی. د عصري وسایلو ډېر روژه ده، او ګورې ته رسيدلې چې دا به د بل عنصر مخه عنصر ملکونه سره، ډېر ستونزمن.

نفوذ د عنصر یوشان

چې د دریمې ترتيبول په دا کافي scCSS3 د z-شاخص زیات کړي، او د scCSS4 - د کمولو دا، د ټول انځور بدل شوی دی. د په جریان عناصرو ترتيب ورته پاتې دي:

• id= 'scCSS1'; div id = 'scCSS1؛
• id= 'scCSS2'; div id = 'scCSS2؛
• id= 'scCSS3'; div id = 'scCSS3؛
• id= 'scCSS4'. div id = 'scCSS4'.

دا بايد په نښه شي چې د دوهم انځور دی په حقیقت کې ډیر ځای څخه دا ښکاري نیسي کړي. دریم انځور یو شان وي. سربېره پر دې، د دوو برخو (دوه هګۍ) په له يو بل سره په واټن لري.

د سيمو کې، چې د دوهم او دریم انځورونه اشغال اصلي اندازه په ژيړ او خړ په ترتیب سره په ګوته شوي دي.

د شاليد-رنګ د z-شاخص ترکیب

بايد يادونه وشي چې د CSS شاليد & z-شاخص د مال د یو بل بشپړوي. ټول د بنديز په کچه عناصر، او د کوم بل، تل د يو مستطيل په سيمه کې د حد اکثر د لوړوالی او د محتوا اعظمي پلنوالی له خوا جوړه اشغال.

انځورونه په کارولو سره، تاسو کولای شی هر ډول ډګر عنصر جوړوي، خو د هغه په شاوخوا کې هلته به تل يو مستطيل وي. دا يو حقيقت دی چې دا مهمه ده چې په سمه توګه په پام کې ونیسي دی.

تاسو کولای شی په لاره غوره بڼه د متن ځای، خو که تاسو نه، د محتوا په يو مستطيل په صندوق کې د هر عنصر تر لاسه، successively، باندې د آخذه د رسید.

د استعمال مال CSS په عنصر چې د شاليد-رنګ په ارزښت کې ده شفاف (د شفافیت ډول)، کولای شي د هر مدار عنصر علیهم z-index. که څه هم په په حقیقت کې عنصر هر صورت دی مستطيل.

پېښې او د لیدلو وړ عناصر

په هغو سيمو کې چې د عنصر د بل عنصر بنده ده، د پیښو دا به کار نه. د يوي عمومي قاعدي، که توکی د سترګو څخه دی، هغه هم د شتون زون دی.

که يو د پراختیا غواړي تڼۍ يا غورنۍ توکی لاک، دا ښه دی او ښايي اسانتایوو ليکنو ترتيبول په بل ته نښان، ځای شي ښايي د يوه شفاف (د بيلګې په توګه، د CSS تتوالی د واکمنۍ په کارولو)، خو په هر صورت، چې د لوړو زده CSS z-index.

راهیسې په صورت کې، د محتویات یی د کارونکي ټکی څخه، کیدای شي د اړونده وېشلې ده، او کوم څه نه لري، نو په تېرو (د موږک حرکت، د کي بورډ تصادفي تڼۍ په کېکاږلو سره، د ټايمر سيګنال) وکارول شي چې په کافي اندازه په کړکۍ کې د محتوا ته بدلون ورکړي.

يوه ساده مثال په توګه: د مېلمانه دی کډه د موږک آفسيټ د غورنۍ توکی، خو د یو څه تر اوسه پریکړه نه. د د پراختیا کولای شي د يوې غونډې ته د څو چې مطلوبه ټکی د خبرو اترو د غورځنګ تعقیب کړي (کلیک - يو مېلمانه پر پرېکړه کوي) او د يوه مناسب منځپانګه ښودلو لپاره. حاکمیت CSS z-شاخص دی لپاره په مناسبت ټولو ښه شکل.

انځوريز شکل

راهیسې انځورونه هر ګورتځای ته د یو مهم ودانۍ مواد دي (ښکلا، پرمختګ، فعالیت - د شيانو د معمول نورم دی)، دا د انځور په بڼه د Choices د ډير اهميت لري.

By او لوی، تاسو کولای شي د موجوده فرمت څخه د ټولو څخه ګټه اخلو، خو د عمل او اغیزمنتیا له پلوه خورا مناسبه ده لپاره د ثابتو تصويرونه او * .gif .png محدود * ته - د انیمیشن انځورونه. نامتو * .JPG هم ښه دی، خو دا اجازه نه ورکوي چې د انعطاف د نندارې ځای کې تقلب وکړي.

د لټووني خزندې او پراختیا د

نه نو اکثرا په صورت کې، کله چې د CSS z-شاخص کار نه کوي، خو دا پېښېږي. د ځوړاوبيزې سبک پاڼو اصطلاح تل د کار، او د سبک د دوتنې د حجم د زياتره د پام وړ حجم ته ورسيږي. کله چې څه دی نه ښکاریده، او یا یوازې نه لري چې څه باید وي، بايد په لومړي وګورئ خپل کوډ، نو د خپل د کتنمل زیرمه د پاکولو او بیا خپل کوډ وازمايي.

ژباړه د HTML او CSS، د کتنمل دی تقریبا نه غلطي - دا يو axiom. که د خوښې وړ توکی ونه کړي، نو بيا، د ډيزاين CSS {مقام: مطلق؛ z-شاخص: 112233؛ چپ: 10px؛ سر: 20px؛ } ... څه ورک دی یا نه دی ثبت شوی.

ډير عام اشتباه - غلط وښودل عنصر د خپل لید په مطلق یا نسبي یوه مقام د ماخذ ورک دی. کله کله دا کار کولی شي د ډول په مستقیمه توګه پر عنصر مشخص او د هغه سبک نه ده. او په وروستی صورت، دا یوه لاره، خو دا اساسا په کوډ کې د ځينو ګمراهۍ ډول په اړه خبرې.

Style باید په ټولګي یا تذکرو ډوله وي. باید یواځې په استثنایی حالتونو پر عنصر په اشارې سبک.

د کارولو jQuery.css (z-شاخص، 123) ښايي هم د يوې غلطۍ سبب، که د ټولګي یا پیژند ونه کارول شي. برسېره پر دې، پټول - یو رښتیا د پام وړ پرمختګ وسیله. خو مخکې تاسو درخواست دا، نه زيان فکر: آیا ممکنه ده چې له پرمختللو مانا د HTML / CSS، z-شاخص جوړول - د حاکميت چې فوري پاملرنې ته اړتيا نه لري نه ده.

د منطقي طبقو لازمه غورځنګ، او

کامل صفحه - هوارو. په هر صورت، د دری بعدي دریښتینو انځور کې تر اوسه د یو ستر مقیاس مخکې، او په دې ځانګړې اړتيا نه لري. عصري ویب - دا یو حقیقي تجربه، د حقیقي نړۍ دندو. دوی یواځې باید ښه کار کوي او پلن دری بعدي انځور ښيي.

له خوا په لاره کې، د پدیده د بېړنۍ ناسته مخ (بېړنۍ ناسته مخ) کې د انتخاب د "محل ودانۍ د" په بڼه - ښه ثبوت چې د هوارو مستطيل ډوله بڼه او وچ وي، خو خورا دقیق منځپانګه - هم د ښه او عملي. خو دا باید په نښه شي چې د انحصار شرکتونو د بند د خپل اصلي کار د ځایونو - د شرکت، د خپل فعالیت او د بريښنا د توليد د مخ. معلوماتي ټکنالوژۍ د بلاګانو په فکر کاوه چې بېړنۍ ناسته مخونه - دا د وړو سوداګریو سره مخامخ دي، لوازم، Herbalife او نورو "ګاڼې."

خوښيږي او که نه، په حقیقت کې سم وي، په راتلونکې به وښيي. دا مهمه ده چې نه یوازې د کار د احساس په طبقو منځپانګه انځورګري، خو ته هم د يوه ويب پاڼه د جوړولو هر متحول د دوی ترمنځ د مناسب غورځنګ ډاډمن کړي.

وڅېړئ حل - AJAX (پاڼه د اړتیا تازه دی). نور هم ژمنه حل، کله چې پاڼه ښيي چې دا د لټووني کړکۍ دې ضروري ده.

په حقیقت کې، z-دفورم سر ته - له دې ساده واکمنۍ CSS. د دې هدف - د ليکنو ترتيبول په کچه ښيي چې د کتنمل کولای شي معلومولو کله چې د دې عنصر د نندارې عنصر او چې برخه به د لیدو وړ وي. د پوښ او د مخ - یو ډیر خپلوان تصور، ځکه چې دا ستونزې د مخ طرحه او په ذهن کې د حاکمیت z-شاخص د معنی لپاره د مختلفو منځپانګه نندارې وساتي.

په خاصه توګه، د یو د پراختیا د انتخابوي خوښې شمیر، او په یوه قطار د ټولو نښانونه ورکوي، او دا حقیقت چې موږ بايد حده ولاړ دي، په راتلونکو شمېر سازي. د طبقو او د پاڼو په کچه اهميت لري - په ځانګړې توګه مترقي او ژمنه عملي نه ده.

خو که د حرکت پریس اژانس سره د مېلمانه د خبرو اترو لپاره مرستندوی-شاخص، دا ممکنه ده چی د یو عملي اغېز رامنځته کړي. ته څنګه کولای نښانونه superimposed یو پر بل شي ته ورته، دا ممکنه ده چې د خبرو اترو (Site مېلمانه) وضع او د دوی ترمنځ د غورځنګ ترسره کړي. له دې نظره، د CSS z-شاخص د اصولو د غوښتنلیک ښکاري چې ډېر ممکن او عملي وي.