CSS Z انڈیکس: ایک جائزہ، خصوصیات

اصول CSS Z انڈیکس - صفحہ عنصر پوزیشن Z محدد: جس میں یہ واقع ہے ڈسپلے عنصر یا پرت کی سطح. Z انڈیکس زیادہ ہے کہ ٹیگ مکمل میں دکھایا جائے گا. ٹیگز تاکہ وہ آنے والے بہاؤ اور وورلیپ میں ظاہر میں دکھائے جاتے ہیں. приоритет видимости. Z انڈیکس قدر نمائش کو ترجیح تعین کرتا ہے.

ہم جدید براؤزر اور الگورتھم ڈسپلے عناصر کو خراج عقیدت پیش کرنا ضروری ہے. گرافکس اور قبضہ کر لیا اسکرینوں درخواست ونڈو میں عناصر کی تراشہ مسئلہ ظاہر اور پوشیدہ حصوں تشکیل دی جب دنوں سے اب تک دستیاب ڈسپلے ٹیکنالوجی مواد بہترین نتائج تک پہنچ گیا ہے. ایک براؤزر ونڈو میں، تمام عناصر، صحیح دکھائے جاتے ہیں صارف کی وضاحت کی ہے صرف کیا ڈیزائن یا ڈویلپر دیکھتا ہے.

عام اصول: آرڈر اور کی سطح

ان پٹ ندی (صفحہ تشکیل دیا سرور) ایک ترتیب براؤزر پڑھتا ہے. تمام ٹیگ سی ایس ایس قوانین کے مطابق میں دکھائے جاتے ہیں اور وورلیپ سکتا ہے.

یہ مثال چار دستیاب عنصر کی وضاحت. ہر مسلسل ایک گزشتہ ایک اوور لیپ. مقامات جہاں ٹیگز پار کر رہے ہیں میں، ترجیح کا سوال نہیں ہے. جیسا کہ ان سب ایک جیسے ہیں اور 848 کے برابر لئے ایک اصول Z انڈیکس CSS ٹیگز، جو کہ عنصر جو کہ مندرجہ ذیل جاتا ہے ظاہر ہو جائے گا. تمام ہے کہ بظاہر اگلے عنصر میں سے ہر ایک کے نیچے سے باہر آرہا ہوتا.

حکمرانی مرئیت

براؤزر کی نمائش کو کے قوانین صرف "منصفانہ" کا مشاہدہ. بہت مشکل ہے - جس ہر مسلسل عنصر کی طرف سے جذب کر رہے ہیں ان حصوں کو چھوڑ کر، آپ تمام مجموعی نفاذ کا تجزیہ کرنے اور اصل میں ایک دوسرے کو کاٹنا ہے کہ صرف ان کا استعمال کرنے کی اجازت دیتا ہے کہ ایک الگورتھم کے ساتھ آنے کے لئے.

زیادہ تر صورتوں میں یہ ضروری نہیں ہے. جدید آلات بہت تیز ہے، اور نقطہ یہ اگلے عنصر بلاک جائے گا جہاں عنصر redraw محسوس، بہت پریشانی ہے.

عنصر صف پر اثر و رسوخ

تیسری ٹیگ کافی scCSS3 Z انڈیکس میں اضافہ، اور scCSS4 اوپر - یہ کم کرنے کے لئے، کل تصویر تبدیل کر دیا گیا ہے. ندی میں عناصر کی ترتیب ہی رہتا ہے:

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

یہ غور کرنا چاہیے دوسری تصویر اصل میں ہے ایسا لگتا ہے کے مقابلے میں زیادہ جگہ لیتا ہے. تیسری تصویر ایک ہی ہے. مزید برآں، یہ ایک دوسرے سے فاصلے پر دو حصوں (دو انڈے) پر مشتمل ہے.

علاقوں، دوسرے اور تیسرے تصاویر کو قبضہ جس کی اصل سائز بالترتیب پیلے اور بھوری رنگ میں روشنی ڈالی ہے.

پس منظر کا رنگ کے لئے Z انڈیکس کا مجموعہ

یہ سی ایس ایس کے پس منظر & Z انڈیکس کی خصوصیات ایک دوسرے کی تکمیل ہے غور کرنا چاہیے. تمام بلاک سطح کے عناصر، اور کسی بھی دوسرے، ہمیشہ زیادہ سے زیادہ اونچائی اور مواد کی زیادہ سے زیادہ چوڑائی کی طرف سے قائم ایک آئتاکار علاقے پر قبضہ.

تصاویر کو استعمال کرتے ہوئے، آپ کو کسی بھی شکل کے میدان عنصر بنا سکتے ہیں، لیکن اس کے ارد گرد ہمیشہ ایک مستطیل ہو جائے گا. اس سے یہ مناسب طریقے سے اکاؤنٹ میں لینے کے لئے ضروری ہے کہ ایک حقیقت ہے.

تم ایک راستہ منتخب شکل متن رکھ سکتے ہیں، لیکن آپ ایسا نہیں کرتے تو اس مواد کو کسی بھی عنصر کو ایک آئتاکار باکس میں، کامیابی، ان پٹ کی وصولی پر ہو جاتا ہے.

خصوصیات کا استعمال جس کا پس منظر کا رنگ قدر شفاف (شفافیت کی ایک قسم) ہے، کسی بھی سرکٹ عنصر کا مقابلہ کر سکتے عنصر میں Z انڈیکس سی ایس ایس. میں اگرچہ حقیقت عنصر میں کسی بھی صورت آئتاکار ہے.

واقعات اور ظاہر عناصر

مقامات عنصر ایک اور عنصر کی طرف سے بلاک کیا جاتا ہے جہاں میں، واقعات یہ کام نہیں کرے گا. ایک عمومی اصول کے طور پر، شے نظروں سے باہر ہے تو وہ بھی اس کی دستیابی زون ہے.

ایک ڈویلپر بٹن یا مینو اشیاء کو لاک کرنا چاہتا ہے، تو یہ اچھی طرح سے ایک اور ٹیگ، تالا لگا ٹیگ کے اوپر رکھا جا سکتا ہے، شاید ایک شفاف (مثلا، CSS دھندلاپن کی حکمرانی کا استعمال کرتے ہوئے) ایک اعلی CSS Z انڈیکس ہونے، ہے، لیکن کسی بھی صورت میں.

کا خیال صارف کے نقطہ نظر سے ایونٹ، چونکہ، متعلقہ میں تقسیم کیا جا سکتا ہے اور کسی بھی ضرورت نہیں ہے، تو پھر گزشتہ (، ماؤس منتقل کی بورڈ پر بے ترتیب بٹن دبانے، ٹائمر سگنل) مناسب طور پر براؤزر ونڈو میں مواد کو تبدیل کرنے کے لئے استعمال کیا جا سکتا ہے.

ایک سادہ مثال: ایک وزیٹر منتقل کر دیا گیا ہے ماؤس پوائنٹر مینو اشیاء پر، لیکن ابھی تک کچھ کرنے کا فیصلہ نہیں کیا ہے. ڈویلپر مطلوبہ مقام پر مذاکرات کی تحریک کو ٹریک کرنے کی ایک ایونٹ فراہم کر سکتا ہے (کلک کریں - وزٹر فیصلہ کرتا ہے) اور ایک مناسب مواد ظاہر. اصول CSS Z انڈیکس موقع کے لئے بہترین مناسب ہے.

تصویر کی شکل

تصاویر کے کسی بھی سائٹ کے لئے ایک اہم عمارت کے مواد ہیں چونکہ (خوبصورتی، جدیدیت، فعالیت - سی چیزیں معمول معمول ہے)، جو تصویر کی شکل انتخاب کے لئے بڑی اہمیت کا حامل ہے.

مجموعی طور پر، آپ کو موجودہ شکل کے تمام قسم کے استعمال کر سکتے ہیں، لیکن ویاوہارکتا اور تاثیر کے لحاظ سے جامد تصاویر اور *. GIF لئے * محدود کرنا PNG کی بہت مناسب ہے - متحرک تصاویر کے لئے. پاپولر * jpg وال بھی اچھا ہے، لیکن یہ لچک ڈسپلے خلا جوڑتوڑ کرنے کی اجازت نہیں دیتا.

براؤزر کیڑے اور ڈویلپر

تو اکثر کیس، CSS Z انڈیکس کام نہیں کرتا، لیکن یہ ہوتا نہیں. جھرن کاری سٹائل شیٹس کی شرائط ہمیشہ کام، اور طرز کی فائل کا حجم اکثر اہم جلدوں تک پہنچتے ہیں. کچھ نہ کچھ دکھایا جاتا ہے، یا صرف ہونا چاہیے کیا ضرورت نہیں ہے، سب سے پہلے، آپ کے اپنے کوڈ کو چیک کریں، پھر اپنے براؤزر کیشے صاف اور پھر سے آپ کے اپنے کوڈ کی جانچ کرنا ضروری ہے.

HTML اور CSS ترجمانی، براؤزر غلطی نہیں کرتا تقریبا ہے - یہ ایک مسلمہ حقیقت ہے. مطلوبہ شے کرتا ہے اگر نہیں، تو پھر، کے ڈیزائن میں سی ایس ایس {پوزیشن: مطلق؛ Z انڈیکس: 112233؛ بائیں: 10px؛ اوپر: 20px؛ } ... کچھ یاد ہے یا نہیں ریکارڈ کیا جاتا ہے.

سب سے زیادہ عام غلطی - غلط دکھایا عنصر ایک مطلق یا رشتہ دار کی پوزیشن پر اس کی نمائش کے لئے ایک ریفرنس غائب ہے. کبھی کبھی یہ عنصر پر براہ راست انداز کی وضاحت کرنے کے لئے کام کریں اور اس انداز نہیں ہے کر سکتے ہیں. مؤخر الذکر صورت میں، اسے باہر ایک طریقہ ہے، لیکن یہ بنیادی طور پر کوڈ میں خرابی کی کسی قسم کی بات کر رہا ہے.

انداز کلاس یا ID انداز میں ہونا ضروری ہے. صرف غیر معمولی مقدمات میں ہونا چاہئے عنصر پر طرز طرف اشارہ کرتے ہوئے.

jQuery.css (Z انڈیکس، 123) کو استعمال کرتے ہوئے یہ بھی طبقے یا شناخت کار پر لاگو نہیں کیا تو اس میں ایک خرابی کا باعث بن سکتی ہے. اس کے علاوہ، کے jQuery - ایک واقعی قابل ذکر ترقی کا آلہ. تاہم، اگر آپ اس کا اطلاق کرنے سے پہلے، میں سوچنے کی چوٹ نہیں: البدیہہ کا مطلب HTML / CSS، Z انڈیکس کے ساتھ تقسیم کرنے سے یہ ممکن ہے - فوری توجہ کی ضرورت نہیں ہے کہ ایک اصول نہیں ہے.

منطقی تہوں کی صحیح نقل و حرکت، اور

کامل پیج - فلیٹ. کسی بھی صورت میں، جہاں تک بڑے پیمانے میں حقیقی تین جہتی تصویر سے پہلے، اور یہ خاص طور پر ضرورت میں نہیں. جدید ویب سائٹس - یہ ایک حقیقی تجربہ، حقیقی دنیا کے کاموں میں ہے. وہ صرف اچھی طرح سے کام کرتے ہیں اور ایک فلیٹ تین جہتی تصویر دکھانے کے لئے کی ضرورت ہے.

ویسے، کے رجحان کے لینڈنگ کے صفحے کے اختیارات "سائٹ عمارت" کی شکل میں (لینڈنگ پیج) - بہترین ثبوت ہے کہ فلیٹ مستطیل شکل اور خشک، لیکن انتہائی عین مطابق مواد - بھی اچھا اور عملی. لیکن یہ غور کرنا چاہیے کہ ان کے اہم چیز پر پھنس اجارہ داری کمپنیوں کی سائٹس - کمپنی، اس کی فعالیت اور بجلی کی پیداوار کے چہرہ. انفارمیشن ٹیکنالوجی دانو محسوس کیا کہ لینڈنگ کے صفحات - یہ چھوٹے کاروباروں سامنا، اشیاء، Herbalife کی اور دیگر ہے "زیورات".

یہ پسند ہے یا نہیں، حقیقت یہ صحیح میں، مستقبل دکھائے گا. یہ نہ صرف تہوں کے مواد میں پینٹ کرنے کے لئے، لیکن یہ بھی ایک ویب سائٹ کی تعمیر کر کے کسی بھی مختلف میں ان کے درمیان مناسب تحریک کو یقینی بنانے کی سمجھ میں آتا ہے کہ اہم ہے.

بہترین حل - AJAX (صفحہ ضرورت کے مطابق اپ ڈیٹ کیا جاتا ہے). اس سے بھی زیادہ ذہین حل، صفحہ جو براؤزر ونڈو کے اس مقام پر ضروری ہے کہ پتہ چلتا ہے جب.

اصل میں، Z انڈیکس - اس سادہ حکمرانی سی ایس ایس. اس کا مقصد - اس عنصر کی نمائش عنصر اور جو حصہ ظاہر ہو جائے گا جب براؤزر کا تعین کر سکتے ہیں تاکہ ٹیگ کی سطح کو ظاہر کرنے کے لئے. پرت اور صفحہ - ایک بہت ہی رشتہ دار تصور، یہ صفحہ ڈیزائن اور ذہن میں مختلف مواد کے ڈسپلے کے لئے اصول Z انڈیکس کے معنی رکھنے کے لئے پریشانی ہے کیونکہ.

عام طور پر، ایک ڈویلپر ایک پسندیدہ تعداد کو منتخب کرتا ہے، اور ایک قطار میں تمام ٹیگ کو جو دیتا ہے، اور حقیقت یہ ہے کہ ہم کسی نہ کسی طرح باہر کھڑے کرنے کے لئے ہے کہ، اگلے تعداد میں دیتا ہے. تہوں اور صفحات کی سطحوں کو اہمیت دیتے ہیں - خاص طور پر ترقی پسند اور امید افزا طرز عمل نہیں ہے.

تاہم، وزیٹر کے ساتھ بات چیت کرنے کے اقدام semantics کے Z- انڈیکس، تو یہ ممکن ہے کہ ایک عملی اثر پیدا کرنے کے لئے ہے. ٹیگز ایک دوسرے پر superimposed کیا جا سکتا ہے کہ کس طرح کرنے کے لئے اسی طرح، یہ ایک ڈائیلاگ (سائٹ وزیٹر) مسلط کرنے اور ان کے درمیان نقل و حرکت کو انجام ممکن ہے. اس نقطہ نظر سے، CSS Z انڈیکس کے قوانین کے اطلاق بہت قابل عمل اور عملی ہونے کے لئے ظاہر ہوتا ہے.