কম্পিউটার

CSS z-index সম্পত্তি ব্যবহার করে


জেড-ইনডেক্স বৈশিষ্ট্য অবস্থান এর সাথে ব্যবহার করা হয় স্তরগুলির একটি প্রভাব তৈরি করার জন্য সম্পত্তি। কোন উপাদানটি উপরে এবং কোন উপাদানটি নীচে আসা উচিত তা আপনি নির্দিষ্ট করতে পারেন।

উদাহরণ

আপনি z-index বাস্তবায়ন করতে নিম্নলিখিত কোড চালানোর চেষ্টা করতে পারেন সম্পত্তি -

<html>
   <head>
   </head>
   <body>
      <div style = "background-color:blue; width:300px; height:100px; position:relative; top:10px; left:80px; z-index:2">
      </div>
      <div style = "background-color:gray; width:300px; height:100px; position:relative; top:-60px; left:35px; z-index:1;">
      </div>
      <div style = "background-color:yellow; width:300px; height:100px; position:relative; top:-220px; left:120px; z-index:3;">
      </div>
   </body>
</html>

  1. CSS অবস্থান:স্থির;

  2. CSS ব্যবহার করে z-index প্রপার্টি ব্যবহার করে লেয়ারে এলিমেন্ট স্ট্যাক করা

  3. সিএসএস-এ অবস্থান বৈশিষ্ট্য ব্যবহার করে উপাদানগুলি সারিবদ্ধ করা

  4. CSS ব্যবহার করে প্রপার্টি প্রদর্শন করুন