FB.ui 대화 상자의 Z- 색인을 지정하는 방법이 있습니까

Question

내 사이트의 일부 콘텐츠를 표시하기 위해 Facebook 피드 대화 상자 fb.ui를 가져 오는 데 문제가 있습니다.

문서에서 z- 인덱스를 늘릴 수있는 방법을 찾지 못하는 것 같습니다. 어떤 CSS 오버라이드 해커와 함께 이것을하는 것이 바람직한 방법은 무엇입니까?

이걸로 z 인덱스를 어떻게 변경합니까? http://developers.facebook.com/docs/reference/javascript/FB.ui/

Answer 1

현재 FB.ui 대화 상자의 CSS를 변경하는 방법에 대한 문서화 된 방법은 없습니다. FB를 사용하면 주석 플러그인과 같은 플러그인에서 CSS를 변경할 수 있지만 대화 상자는 FB 페이지에서 제어되므로 CSS를 변경할 수 없습니다.

그러나 대화창이 항상 팝업 (본질적으로 높은 z- 색인)되도록하려면 매개 변수의 "표시"를 "팝업"으로 설정하여 새 브라우저에서 오버레이 대신 팝업 될 수 있습니다.

Answer 2

Facebook은 각 대화 상자에 대해 fb_dialog 클래스로 div를 만들고 # fb-root 요소에 추가합니다. 또한 z-index: 10001; 규칙을 포함하여 fb_dialog 요소에 대한 인라인 스타일을 설정합니다.

당신은 당신의 CSS에서 Z- 인덱스를 대체 할 수 있습니다

:.
.fb_dialog {z-index: 99999 !important;}