CSS Tôi muốn một div nằm ở trên cùng của tất cả mọi thứ

Question

Làm cách nào để tạo thẻ div html ở trên đầu mọi thứ?

Answer 1

Để chỉ mục z hoạt động, bạn sẽ cần cung cấp cho phần tử position:absolute hoặc thuộc tính position:relative. Một khi bạn làm điều đó, các liên kết của bạn sẽ hoạt động đúng, mặc dù bạn có thể phải tinh chỉnh CSS của bạn một chút sau đó.

Answer 2

Đối với z-index:1000 để có hiệu ứng bạn cần một sơ đồ định vị không tĩnh.

Thêm position:relative; cho quy tắc #settingsdetails trên dòng 8 của tập tin mystyle.css

Answer 3

Bạn cần phải thêm position:relative; để menu. Z-index chỉ hoạt động khi bạn có sơ đồ định vị không tĩnh.

Answer 4

z-index thuộc tính cho phép bạn kiểm soát ở phía trước. số lượng lớn hơn bạn đặt phần tử phía trên bạn nhận được.

position thuộc tính phải là relative vì vị trí của html-element phải là vị trí tương đối so với các điều khiển khác ở mọi kích thước.

element.style { 
    position:relative; 
    z-index:1000; //change your number as per elements lies on your page. 
} 

Answer 5

Tôi sẽ giả sử bạn tạo cửa sổ bật lên có mã từ trường học WW3, đúng không? kiểm tra xem nó css. một .modal, đã có từ z-index ở đó. chỉ cần thay đổi từ 1 đến 100.

.modal { 
    display: none; /* Hidden by default */ 
    position: fixed; /* Stay in place */ 
    z-index: 1; /* Sit on top */ 
    padding-top: 100px; /* Location of the box */ 
    left: 0; 
    top: 0; 
    width: 100%; /* Full width */ 
    height: 100%; /* Full height */ 
    overflow: auto; /* Enable scroll if needed */ 
    background-color: rgb(0,0,0); /* Fallback color */ 
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ 
}