2011-05-18 26 views
6

Tôi có hộp thoại Giao diện người dùng jQuery chuẩn. Bên trong hộp thoại đó, tôi có một nút giao diện người dùng jQuery tùy chỉnh cho phép tôi chọn loại sự kiện cho một sự kiện lịch. Tôi đang sử dụng tiện ích vị trí giao diện người dùng jQuery để hoàn toàn định vị một div chứa danh sách các loại sự kiện khả dụng, như bạn có thể thấy trong hình ảnh.Hộp thoại Giao diện người dùng jQuery với con hoàn toàn được định vị ẩn một phần tràn con

Khi div loại sự kiện hiển thị, bất kỳ nội dung nào dài hơn không gian có sẵn sẽ biến mất bên dưới cạnh của hộp thoại. Tôi sẽ mong đợi điều này nếu nó là một khung nội tuyến, hoặc nếu cha mẹ hoàn toàn vị trí có chỉ số z cao hơn. Tuy nhiên, hộp thoại Giao diện người dùng jQuery là một div vị trí hoàn toàn đơn giản với chỉ số z là 1002 (mặc định) và div của tiện ích con của tôi hiển thị các loại sự kiện là div hoàn toàn có chỉ số z 1003. Tôi mong đợi rằng div của tôi sẽ ưu tiên cao hơn trong thứ tự xếp chồng.

Câu hỏi của tôi là: điều gì đang xảy ra ở đây? Tại sao div của tôi bị ẩn bởi cạnh dưới của hộp thoại?

screenshot of issue

+1

Ứng dụng đẹp, sạch sẽ mà bạn đã có ở đó. – DarthJDG

+1

Chúc mừng. Nó được gọi là ThoughtFarmer (www.thoughtfarmer.com) –

Trả lời

6

Dường như đó là overflow: hidden vào các yếu tố bên ngoài hộp thoại. Đặt điều đó thành tràn: hiển thị đã giải quyết được vấn đề.

+0

+1, cảm ơn, đã đăng câu hỏi chính xác giống nhau – mreq

+0

Vâng, tôi đã có cùng một vấn đề và cố định nó với: $ ('. Ui-dialog'). Css (' tràn ',' hiển thị '); – jimasp

1

Phần tử hộp thoại có chứa của bạn (có chỉ số Z-index 1002) có overflow: hidden; đặt ở bất kỳ đâu trong 'CSS của nó không?

Các vấn đề liên quan