Vấn đề tràn hộp thoại như nút Facebook

Question

Sử dụng nút like Facebook bên trong iframe ứng dụng, ví dụ:

Nút như thường được bố trí ở đâu đó trên phần bên phải của màn hình. Vấn đề là khi nút tương tự được nhấp, hộp thoại xuất hiện bên dưới nó ẩn ngoài vùng chứa khung nội tuyến, ví dụ:

Nó là rất dễ dàng chỉ cần vô hiệu hóa hộp thoại (sử dụng CSS), tuy nhiên, một cái gì đó tôi cần phải hộp thoại.

Các giải pháp khả thi cho điều này là gì? Tôi hy vọng sẽ có một phương pháp để kích hoạt một số hình thức lớp phủ hoặc làm cho hộp thoại xuất hiện sang trái của nút thích thay vì phải.

Answer 1

Từ Facebook 'Like Button' dev page

'Nếu nút Giống như được đặt gần mép của một phần tử HTML với thuộc tính overflow thiết lập để ẩn, flyout có thể được cắt bớt hoặc hoàn toàn ẩn khi nút được click. Điều này có thể được khắc phục bằng cách đặt cài đặt thuộc tính tràn thành giá trị không phải là ẩn, chẳng hạn như hiển thị, cuộn hoặc tự động. '

Answer 2

Tôi gặp sự cố tương tự và sự cố này đã được khắc phục. Thêm biểu mẫu này vào biểu định kiểu của bạn:

.fb-like span{overflow:visible !important; width:450px !important; margin-right:-375px;}