z-index প্রোপার্টি position প্রোপার্টির সাথে মিলিতভাবে ব্যবহার করে লেয়ার ইফেক্ট তৈরি করা যায়। আপনি নির্দিষ্ট করতে পারেন কোন এলিমেন্ট উপরে থাকবে এবং কোনটি নিচে।
উদাহরণ
নিচের কোডটি রান করে 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>
