Computer >> Máy Tính >  >> Lập trình >> CSS

Phần tử chồng chéo với CSS


Để chồng chéo các phần tử, hãy sử dụng thuộc tính CSS z-index. Bạn có thể thử chạy mã sau để triển khai thuộc tính z-index và đặt hình ảnh đằng sau văn bản

Ví dụ

<!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>