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

Làm cách nào để đặt thứ tự ngăn xếp của một phần tử được định vị trong JavaScript?


Để đặt thứ tự ngăn xếp, hãy sử dụng zIndex bất động sản. Bạn có thể thử chạy mã sau để triển khai zIndex thuộc tính trong JavaScript -

Ví dụ

<!DOCTYPE html>
<html>
   <head>
      <style>
         #myID {
            position: absolute;
            left: 20px;
            top: 20px;
            z-index: -1
         }
      </style>
   </head>
   <body>
      <img id = "myID"
         src="https://www.tutorialspoint.com/videotutorials/images/tutor_connect_home.jpg"
         width = "150" height = "150">
      <button type="button" onclick="myFunction()">Set Stack Order</button>
      <p>Z-index is -1</p>
      <script>
         function myFunction() {
            document.getElementById("myID").style.zIndex = "1";
         }
      </script>
   </body>
</html>