버튼 대화 상자 오버플로 문제와 같은 Facebook

Question

앱 iframe 내부에서 버튼처럼 Facebook을 사용합니다 (예 :

등

버튼은 일반적으로 화면의 우측 부분에 대체로 위치된다. 문제는 같은 버튼을 클릭하면 그 아래에있는 대화 상자가 iframe 컨테이너를 넘어 숨어 있다는 것입니다.

단순히 대화 상자 (사용 CSS)를 해제하는 것은 매우 쉽습니다, 그러나, 뭔가 나는 대화가 필요합니다.

가능한 해결책은 무엇입니까? 일부 오버레이 형식을 트리거하거나 대화 상자가 오른쪽이 아닌 같은 단추의 왼쪽에 나타나도록하는 방법이 있어야한다고 생각합니다. Facebook 'Like Button' dev page

가입일

Answer 1

'는 추천 버튼이 숨겨진 설정 오버 플로우 특성을 갖는 HTML 엘리먼트의 가장자리 근처에 배치되면, 플라이 아웃 클립핑되거나, 버튼이 클릭 될 때 완전히 숨겨진. overflow 속성을 visible, scroll 또는 auto와 같이 hidden이 아닌 다른 값으로 설정하면 해결할 수 있습니다. '

Answer 2

비슷한 문제가 있으며 수정되었습니다. 스타일 시트에 다음을 추가하십시오.

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