CSS-এ Z-অক্ষ বরাবর এলিমেন্ট স্ট্যাকিং নিয়ন্ত্রণ

এলিমেন্ট স্ট্যাকিং এর ক্রম z-index প্রপার্টি ব্যবহার করে নিয়ন্ত্রণ করা যায়, যা ধনাত্মক বা ঋণাত্মক পূর্ণসংখ্যা, অথবা শূন্য作为 মান নেয়। প্রপার্টিটি শুধুমাত্র সেইসব এলিমেন্টের জন্য কাজ করে যাদের position প্রপার্টির মান absolute, fixed বা relative হিসেবে সেট করা আছে।

এই প্রপার্টি ব্যবহার করার সময় এলিমেন্ট স্ট্যাকিং এর নিয়মটি নিম্নরূপ: যে এলিমেন্টের z-index মান বেশি সেটি উপরে থাকবে।

আসুন আগের উদাহরণ থেকে এলিমেন্টগুলির স্ট্যাকিং এর ক্রম পরিবর্তন করি। এর জন্য প্রথম এলিমেন্টটির z-index দ্বিতীয়টির চেয়ে বেশি সেট করব, উদাহরণস্বরূপ, এভাবে:

css#elem1 {
  z-index: 2;
}
#elem2 {
  z-index: 1;
}

কোড 실행ের ফলাফল: