Geek Answers Handbook

Facebook, like a dialogue hidden behind other page elements

I'm having problems with the facebook pop up dialog box located on top of my navigation bar and slideshow here: http://d14599.u62.c14.ixinstant.com

I have a few hours search and all solutions do not seem to work. Here is a list of what I checked: -overflow: hidden on other page elements causes problems. I looked into this, but my navigation bar does not have this property. -z-index only works for positioned elements. I made sure that my elements are positioned relative or absolute. -I tried directly styling user-created facebook elements using things like

.fb_iframe_widget{ display:block !important; z-index:9999 !important; }

I am not so good at CSS, but I have never lingered on a single issue.

I assume that the problem is actually related to what I did wrong elsewhere on the page, for example, on the navigation bar itself, but I don’t see what it is. Any thoughts would be greatly appreciated.

+4
source share
3 answers

This does not actually solve the problem, but I did it to hide the comment field. For this case, it was acceptable. In the css file, I added:

  .fb_edge_widget_with_comment span.fb_edge_comment_widget { display:none; }
0
source

I searched for a lot of things and tried, but no solutions worked for me. I found one quick solution to facebook solution as the problem of dialog box overlapping here and it worked for me.

Hope this saves you time, Cheers!

0
source

What worked for me was to set the z-index for the element that contains the Facebook button as higher than the element on which the comment block was shown.

0
source

More articles:


All Articles