کیجادنگ انداز شیٹس کے ساتھ پوزیشننگ اوورلوڈنگ عناصر
ویب پیج لے آؤٹ کے لئے سی ایس ایس کی پوزیشننگ کا استعمال کرتے ہوئے چیلنجوں میں سے ایک یہ ہے کہ آپ کے بعض عناصر دوسروں کو اوپریپ کر سکتے ہیں. اگر یہ ایرر برقرار رہے تو ہمارے ہیلپ ڈیسک سے رابطہ کریں. اس ویڈیو پر غلط استعمال کی اطلاع دیتے ہوئے ایرر آ گیا ہے. براہ مہربانی دوبارہ کوشش کریں. اگر یہ ایرر برقرار رہے تو ہمارے ہیلپ ڈیسک سے رابطہ کریں. غلط استعمال کی اطلاع دیتے ہوئے ایرر آ گیا ہے. براہ مہربانی دوبارہ کوشش کریں. اگر یہ ایرر برقرار رہے تو ہمارے ہیلپ ڈیسک سے رابطہ کریں. غلط استعمال کی اطلاع دیتے ہوئے ایرر آ گیا ہے. براہ مہربانی دوبارہ کوشش کریں. اگر یہ ایرر برقرار رہے تو ہمارے ہیلپ ڈیسک سے رابطہ کریں. ؟ راستہ عناصر کو اوور کرنے کے لۓ آپ کو سی ایس ایس کی ملکیت کا استعمال کرنے کی ضرورت کو تبدیل کرنے کے لئے.
اگر آپ نے ایڈوب فوٹوشاپ کی طرح ورڈ اور پاورپوائنٹ یا زیادہ مضبوط تصویر ایڈیٹر میں ایک گرافکس کے اوزار استعمال کیے ہیں تو آپ امکانات میں ز-انڈیکس جیسے امکانات کو دیکھتے ہیں. ان پروگراموں میں، آپ اس اعتراض کو اجاگر کرسکتے ہیں جو آپ نے تیار کیا ہے، اور اپنے دستاویز کے کچھ عناصر "واپس بھیجیں" یا "سامنے بھیجیں" کا انتخاب کریں. فوٹوشاپ میں، آپ کے پاس ان کاموں کی ضرورت نہیں ہے، لیکن آپ کے پروگرام کے "پرت" کی فین موجود ہے اور آپ ان ترتیبوں کو ترتیب دے سکتے ہیں کہ آپ ان تہوں کو دوبارہ بنانے کے ذریعہ کینوس میں عنصر گر جاتے ہیں. ان دونوں مثالوں میں، آپ بنیادی طور پر ان چیزوں کے ز-انڈیکس قائم کر رہے ہیں.
ز انڈیکس کیا ہے؟
جب آپ صفحہ پر عناصر کی حیثیت سے سی ایس ایس پوزیشننگ استعمال کررہے ہیں، تو آپ کو تین طول و عرض میں سوچنا ہوگا. دو معیاری طول و عرض ہیں: بائیں / دائیں اور اوپر / نیچے. بائیں سے دائیں انڈیکس ایکس ایکس انڈیکس کے طور پر جانا جاتا ہے، جبکہ سب سے نیچے سے نیچے یو ای انڈیکس ہے. یہ آپ ان دونوں انڈیکسز کا استعمال کرتے ہوئے، افقی طور پر یا عمودی طور پر پوزیشن عناصر کریں گے.
جب ویب ڈیزائن میں آتا ہے، تو صفحے کے اسٹیکنگ آرڈر بھی موجود ہے. صفحے پر ہر عنصر کسی دوسرے عنصر سے اوپر یا اس سے نیچے کی پرتوں کی جا سکتی ہے. ز-انڈیکس پراپرٹی کا تعین کرتا ہے جہاں اسٹائل میں ہر عنصر ہے. اگر x-index اور y-index افقی اور عمودی لائن ہیں، تو ز-انڈیکس صفحہ کی گہرائی ہے، بنیادی طور پر تیسری طول و عرض.
مجھے ایک ویب صفحہ پر عناصر کے بارے میں سوچنا پسند ہے جیسے کاغذ کے ٹکڑوں، اور ویب صفحہ خود کو کولاج کے طور پر. جہاں میں کاغذ رکھتا ہوں پوزیشننگ کی طرف سے مقرر کیا جاتا ہے، اور دیگر عناصر کی طرف سے اس کا احاطہ کیا جاسکتا ہے، ز-انڈیکس.
ز-انڈیکس ایک نمبر ہے، یا تو مثبت (مثلا 100) یا منفی (مثال کے طور پر -100). پہلے سے طے شدہ ز-انڈیکس 0. اس عنصر کے سب سے زیادہ ز-انڈیکس میں سب سے اوپر ہے، اس کے بعد اگلے سب سے زیادہ اور اسی طرح سب سے کم ز-انڈیکس پر. اگر دو عناصر میں اسی ز-انڈیکس کی قیمت ہے (یا یہ بیان نہیں کیا گیا ہے، مطلب ہے کہ 0 کا ڈیفالٹ قدر) براؤزر انہیں ایچ ٹی ایم ایل میں ظاہر ہونے پر ترتیب دے گا.
ز-انڈیکس کا استعمال کیسے کریں
آپ کے اسٹیک میں ایک مختلف ز-انڈیکس قیمت میں ہر عنصر کو دے دو. مثال کے طور پر، اگر میں پانچ مختلف عنصر ہوں تو:
- عنصر 1 -25 کے ز-انڈیکس
- عنصر 2 - 82 کے ز-انڈیکس
- عنصر 3 - ز-انڈیکس سیٹ نہیں کیا
- عنصر 4 - 10 کے ز-انڈیکس
- عنصر 5 - Z- انڈیکس -3
وہ مندرجہ ذیل حکم میں اسٹیک کریں گے:
- عنصر 2
- عنصر 4
- عنصر 3
- عنصر 5
- عنصر 1
میں اپنے عناصر کو اسٹیک کرنے کے لئے بہت مختلف Z-index اقدار کا استعمال کرتے ہوئے مشورہ دیتا ہوں. اس طرح، اگر آپ بعد میں صفحے پر مزید عناصر شامل کرتے ہیں، تو آپ کو دوسرے عناصر کے ز-انڈیکس کے اقدار کو ایڈجسٹ کرنے کے لۓ ان کو پرت کرنا ہے. مثال کے طور پر:
- 100 میری سب سے زیادہ عنصر کے لئے
- 0 میری درمیانی عنصر کے لئے
- میرے نیچے عنصر کے لئے -100
آپ دونوں عناصر کو اسی ز-انڈیکس قدر بھی دے سکتے ہیں. اگر ان عناصر کو اسٹیک کیا جاتا ہے تو، وہ آرڈر میں دکھائے جائیں گے جو ایچ ٹی ایم ایل میں لکھے گئے ہیں، سب سے اوپر کے آخری عنصر کے ساتھ.
ایک نوٹ، ایک عنصر کے لئے مؤثر طریقے سے ز-انڈیکس پراپرٹی کا استعمال کرنے کے لئے، یہ ایک بلاک سطح عنصر ہونا چاہئے یا آپ کے سی ایس ایس فائل میں "بلاک" یا "ان لائن بلاک" کا ڈسپلے استعمال کرنا چاہیے.
جینیفر کریین کی طرف سے اصل مضمون. جیریمی Girard کی طرف سے 12/09/16 پر ترمیم.