Facebook iframe Application: Send / like button z-index issue

We have a problem with our facebook as the / send button, if you open: http://apps.facebook.com/bymii-test/products.php?pageid=216605071714962&prd_id=35&prd_name=Coalesce : - click facebook send, the field is located on the side facebook panel. Is there a way: change z-index - or make the window pop up on the left?

+5
source share
6 answers

I FINALLY FIND AN ANSWER! 1 1/2 hours of searching later .. just enter this code in your CSS file:

.fb_edge_widget_with_comment span.fb_edge_comment_widget {
top: 15px !important;
left: -250px !important;}

Hope this is what you were looking for, because that is exactly what I was looking for!

+12
source

, parent/container css "overflow:visible". , "overflow:hidden". , .

+7

- XFBML. iframe , , , .

+1

, :

/* the below allows the fb:like iframe to show entirely instead of getting cropped off */

.fb-like iframe {
    max-width: inherit;
}

/* the same issue with the "send" button */

.fb-send iframe {
    max-width: inherit;
}

, "" width .

, .

+1

Shane, z-:

CSS

.fb_edge_widget_with_comment span.fb_edge_comment_widget
{
    z-index:8 !important;
}

css Facebook , "" -.

+1

This is a common problem faced by developers. The popup cannot detect its relative position on the page or in the iframe.
To get the desired results, I always set mine, send buttons on the left side of the page .

0
source

All Articles