কম্পিউটার টিউটোরিয়াল

CSS দিয়ে এলিমেন্ট ওভারল্যাপ করুন


এলিমেন্ট ওভারল্যাপ করতে CSS z-index প্রোপার্টি ব্যবহার করুন। নিচের কোড রান করে z-index প্রোপার্টি ইমপ্লিমেন্ট করুন এবং ইমেজকে টেক্সটের পেছনে সেট করুন।

উদাহরণ

<!DOCTYPE html> <html>   <head>     <style>       img {         position: absolute;         left: 0px;         top: 0px;         z-index: -1;       }     </style>   </head>   <body>     <img src = "https://www.tutorialspoint.com/assets/videotutorials/courses/swift_4_online_training/380_course_210_image.jpg" width="300" height="250">     <p>This is demo text.</p>   </body> </html>

  1. CSS Z-Index ব্যবহার করে এলিমেন্ট ওভারল্যাপ করা

  2. CSS appearance প্রপার্টি দিয়ে কাস্টম চেকবক্স তৈরি

  3. CSS ব্যবহার করে চাইল্ড এলিমেন্ট সিলেক্ট করা

  4. CSS ব্যবহার করে সিবলিং এলিমেন্ট সিলেক্ট করা