Bootstrap Modal ngồi đằng sau phông nền trong Chrome

Question

Tôi đang sử dụng trình khởi động Twitter, CSS và JS.

Vấn đề xuất phát từ plugin Modal, nó hoạt động tốt trên Firefox và IE nhưng hiển thị không tốt trong Chrome: phương thức bật lên thành công, nhưng đằng sau chế độ phông nền nên không thể sử dụng biểu mẫu (chứa trong hộp phương thức)

Bạn có thể có một thử bằng cách nhấn vào nút phía trên bên phải: http: //

đó là làm việc tốt trên bootstrap trang ví dụ (http://twitter.github.com/bootstrap/javascript.html#modals) vì vậy tôi đoán nó đến từ CSS của tôi

tôi đã nhìn khắp mọi nơi tôi có thể, nhưng không thể tìm thấy bất cứ điều gì đáng ngờ. Tôi đã bỏ lỡ điều gì?

Answer 1

Kiểu -webkit-overflow-scrolling: touch; trong section#maincontainer đang gây ra điều này xảy ra do dường như xung đột với overflow: auto.

Tôi tin rằng -webkit-overflow-scrolling: touch; được cho là được sử dụng để cung cấp tràn cuộn màn hình cảm ứng trong các yếu tố sử dụng vị trí cố định - vì vậy tôi không nghĩ bạn cần áp dụng nó cho section#maincontainer.

Tuy nhiên, bạn có thể muốn áp dụng nó cho modal-body khi cha mẹ sử dụng vị trí cố định và nội dung có thể tràn.

http://css-tricks.com/mobile-webkit-overflow-scrolling/