Cửa sổ phương thức Bootstrap bị mờ đi

Question

Chuyển đến this site, nhấp "Đăng nhập" ở góc trên cùng bên phải và cửa sổ phương thức twitter-bootstrap sẽ bật ra nhưng bị chuyển sang màu xám.

Tại sao điều này lại xảy ra?

Answer 1

Đó là vì .navbar-fixed-top có chỉ số z là 1030 trong khi phông phương thức có chỉ số z là 1040, khiến phương thức che phủ thanh điều hướng.

Để khắc phục điều này, chỉ cần điều chỉnh giá trị z-index .modal-backdrop z-index nhỏ hơn 1030 - ví dụ:

.modal-backdrop { 
    z-index: 1020; 
} 

Answer 2

Trước hết, thêm dữ liệu nền = "false" để div modal của bạn

Sau đó, thêm dòng sau vào phong cách của bạn:

.modal { background: rgba(000, 000, 000, 0.8); min-height:1000000px; } 

Đừng quên thêm nút đóng vào chế độ của bạn ...

<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> 

Chúc mừng ..

Answer 3

Bạn cũng có thể sử dụng:

.modal-backdrop.in { z-index: auto;} 

Answer 4

tôi đã có thêm rất quan trọng để có được nó làm việc!.

.modal-backdrop { 
    z-index: 1020!important; 
}