cssz-indexfacebook-javascript-sdkfacebook-ui

Is there a way to specify the z-index of a FB.ui dialogue


I'm having an issue trying to get a Facebook feed dialogue fb.ui to display over some content on my site.

I can't seem to find a way in the documentation to increase the z-index. What's the preferred way to do this with out some css override hackery?

How do I change the z index with this? http://developers.facebook.com/docs/reference/javascript/FB.ui/


Solution

  • At the moment, there is no documented way of changing the CSS of FB.ui dialogs. FB allows the CSS to be changed for plugins like the comment-plugin, but the dialogs are controlled by FB's page and hence doesn't allow for their css to be changed.

    However, if your purpose it to make sure that the dialog always pops up (essentially higher z-index), then you can try setting the "display" in the params to "popup" which will cause a new browser to be poped up instead of an overlay.