làm thế nào để làm cho div ở trên tất cả các điều khiển khác

Question

tôi muốn div của tôi hiển thị trên mọi điều tôi đặt 100% cho chiều rộng và cao và nó hiển thị trên rất nhiều contorl ngoại trừ một số có css z-index và những thứ khác tôi cố gắng đưa div z-index số lượng lớn của tôi, nhưng đã không làm việc

{ 
    width: 100%; 
    height: 100%; 
    top: 5px; 
    left: 0px; 
    background-color: #FFFFFF !important; 
    padding: 10px; 
    overflow: hidden; 
    visibility: visible; 
    display: block; 
    z-index: 500 !important; 
    position: relative; 
} 

Answer 1

Vì bạn muốn để trang trải toàn bộ màn hình, tôi khuyên này:

#overlayDiv { 
    position: fixed; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    z-index:99; 
} 

Lưu ý, bạn không cần phải thiết lập hiển thị và tầm nhìn tài sản. Ngoài ra, không đặt padding hoặc margin trên phần tử này! Nếu bạn muốn nó có đệm, hãy đặt lề trên con/con của nó.

Ngoài ra, hãy đảm bảo rằng DIV được đề cập là con trực tiếp của phần tử BODY.

Answer 2

để kéo một yếu tố html ra khỏi dòng chảy tự nhiên như thế nào các yếu tố được đặt ra trên màn hình, bạn cần phải sử dụng position: absolute . Điều này sẽ cho phép phần tử trở thành một lớp phía trên các phần tử khác (giả sử rằng giá trị z-index lớn hơn tất cả các phần tử khác).

Ngay bây giờ yếu tố của bạn dường như có vị trí: tương đối.

Answer 3

Có thể sự cố liên quan đến position:relative. Thay vào đó, hãy đặt nó thành tuyệt đối và nếu bạn cần bù đắp phần tử, hãy sử dụng margin thay vì top/left.

Answer 4

Có thể nào, vấn đề chỉ tồn tại với các lựa chọn và trong IE6? Nếu có, hãy xem answers here.