زلزلي وارين شڪلن سان ڪاسسلنگ انداز واري شيٽنگ سان پوزيشن
ويب پيج ٺاھڻ لاء سي ايس جي پوسٽنگ کي استعمال ڪندي جڏهن انهن چئلينج مان هڪ آهي ته توهان جو ڪجهه عنصر ٻين جي حوالي ڪري سگھي ٿو. اهو صحيح ڪم ڪري ٿو جيڪڏهن توهان HTML ۾ آخري عنصر مٿانهون ٿي چاهيو، پر جيڪڏهن توهان نٿا ڪن يا ڇا توهان جيڪي ڪرڻ چاهيندا آهن، اهو عناصر هن وقت تائين دوسران نه ختم نه ڪندا آهن ڇو ته "پرتشدد" نظر جي ڊيزائن ڪالون ؟ رستي جي عناصر مٿان اوپري کي تبديل ڪرڻ لاء توھان سي ايس جي ملڪيت کي استعمال ڪرڻ جي ضرورت آھي.
جيڪڏهن توهان Word ۽ PowerPoint ۾ هڪ گرافڪس جا اوزار استعمال ڪندا آهيو. ايڊوڊ فوٽوشاپ وانگر، انهي جا امڪان جيڪي توهان ڏٺو آهي ڪجهه ڪم جي ز-انڊسٽري ۾ عمل وانگر آهن. انهن پروگرامن ۾، توهان پنهنجي ٺاهيل شيون (شيون) جو نمايان ڪري سگهو ٿا، ۽ توهان جي دستاويز جي "ڪجهه پوئتي موٽڻ" يا "ڪجهه واپس آڻيو" کي اختيار چونڊيو. فٽشاپ ۾، توهان وٽ اهي ڪم نه آهن، پر توهان وٽ پروگرام جو "پرت" وارو پيچرو آهي ۽ توهان کي بندوبست ڪري سگھو ٿا ته اهي عنصر انهن تہه کي بحال ڪرڻ کان پوء ڪٿي ڪوهلن ۾ پوي ٿو. انهن ٻنهي مثالن ۾، توهان لازمي طور تي انهن شين جي اي-اي انڊسٽ قائم ڪري رهيا آهيو.
Z-index ڇا آهي؟
جڏهن توهان صفحي جي عنصر کي پوزيشن لاء CSS سيٽنگ پوسٽنگ استعمال ڪري رهيا آهيو، توهان کي ٽن شعبن ۾ سوچڻ جي ضرورت آهي. هتي ٻه معيار جا حصا آهن: ڇڏي / صحيح ۽ مٿانهون / هيٺ. کاٻي پاسي واري صحيح انڊيڪس ايڪس-انڊسٽري طور سڃاتو وڃي ٿو، جڏهن ته چوٽي کان تري ۾ هڪ يو اي index آهي. اهو توهان ڪئين طريقي سان عمودي يا عمودي جڳهه جو استعمال ڪندي، انهن ٻنهي اشاريس استعمال ڪندي.
جڏهن ويب ڊزائين تي اچي، اتي ئي صفحي جي اسٽيڪ پڻ آهي. هر عنصر تي صفحي تي ڪنهن ٻئي عنصر مٿان مٿين يا هيٺيان هجي. ز-انڊسٽ پراپرٽ کي يقيني بڻايو وڃي ٿو جتي هر عنصر ۾ اسٽوريج آهي. جيڪڏهن x-index ۽ y-index واري افقي ۽ عمودي لائينون آهن، پوء ز-انڊسٽ صفحي جي کوٽائي آهي، بنيادي طور تي ٽيون ماڊل.
آئون ويب پيج تي عناصر جي سوچڻ وانگر ڪاغذ جي ٽڪر وانگر، ۽ هڪ ئي ڪاليج جي ويب پيج تي . جتي مون وٽ ڪاغذ پوزيشن سان طئي ڪيو ويو آهي، ۽ ٻين عناصر جي هٿن سان اهو ڪيترو ز ز آهي.
ز-انڊسٽري هڪ نمبر آهي، يا ته مثبت (مثال طور 100) يا منفي (مثال طور -100). ڊفالٽ ز-ڪاپي انڊسٽري آهي. عنصر سڀ کان وڌيڪ ز-اي انڊسٽٽ جي چوٽي تي آهي، جنهن جي پٺيان وڌيڪ تر ۽ پوء سڀني کان گهٽ اي-اين انڊيڪٽ تائين. جيڪڏهن ٻه عناصر ساڳيا ز-انڊيڪس جي قيمت (يا اهو بيان نه ڪيو ويو آهي، اهو استعمال 0 جي ڊفالٽ قيمت) انهي برائوزر انهن کي انهي ۾ HTML ۾ ظاهر ڪندو اهي برائوزر ڪندو.
z-index استعمال ڪئين
پنهنجي هر عنصر کي توهان جي اسٽيڪ ۾ مختلف ز-انڊيڪس قدر ڏيان ٿو. مثال طور، جيڪڏهن مون وٽ پنج مختلف عنصر آهن:
- عنصر 1 -25 جو ز
- عنصر 2 - z-index 82
- عنصر 3 - ز-انڊيڪس سيٽ نه ڪيو
- عنصر 10 جي 4-ايڪس انڊسٽري
- عنصر 5 - z-index 3-3
اهي هيٺ ڏنل حڪم ۾ اسٽار ڪنداسين.
- عنصر 2
- عنصر 4
- عنصر 3
- عنصر 5
- عنصر 1
آئون توهان جي عناصر کي اسٽوري ڪرڻ لاء وڏن مختلف Z-index اقدار جي استعمال جي سفارش ڪري ٿو. انهي طريقي سان، جيڪڏهن توهان کي صفحي جي وڌيڪ عناصر بعد ۾ شامل ڪيو وڃي، توهان کي ٻين سڀني عناصر جي Z-index اقدار کي ترتيب ڏيڻ جي بغير ان کي پرت ڪرڻ جو ڪمرو آهي. مثال طور:
- 100 منهنجي مٿين کان وڌيڪ عنصر لاء
- 0 منهنجو وچولي عنصر لاء
- -100 منهنجو تري عنصر لاء
توهان پڻ ٻه عنصر ساڳيا ز-انڊيڪس قدر پڻ ڪري سگهو ٿا. جيڪڏهن اهي عناصر اسٽيڪ ڪيا ويا آهن، اهي انهي حڪم ۾ ڊسپلي ڪندا آهن جيڪي اهي HTML ۾ لکيا ويا آهن، مٿين تي آخري عنصر سان.
هڪ نوٽ، هڪ عنصر لاء مؤثر طور تي Z-index ملڪيت استعمال ڪرڻ لاء، اهو هڪ بلاڪ سطح عنصر هجڻ گهرجي يا توهان جي سي ايس ڊي ۾ "بلاڪ" يا "ان لائن-بلاڪ" جي ڊسپلي استعمال ڪرڻ گهرجي.
اصل مضمون جينيفر ڪيريئن طرفان. انهيء تي 12/09/16 پاران جريمي گرڊارڊ طرفان.