3

Facebookのいいねボタンの高さに問題があります。このタグ付きの XFBML バージョンを使用します

<fb:like layout="standard" show_faces="true" width="440" action="recommend" colorscheme="light"></fb:like>

一部のサイトでは、ボタンを含む iframe の高さが動的です。表示する「顔」がある場合は 61 ピクセル、表示する顔がない場合は 23 ピクセルの高さになります。これは、ユーザーがいいねボタンを押すと動的に変化します (そして、ボタンの下に彼の顔が表示されます)。

これが機能するサイトの例:

残念ながら、タグをページに挿入しようとすると、iframe の高さが 80px に設定され、変更されません。

私の現在の解決策は、ボックスの高さを 23px に設定し、コンテナのオーバーフロー CSS プロパティを非表示に設定することです。しかし、このソリューションでは、顔を見せる能力が失われます。

この問題はすでに Stack Overflow に投稿されていますが、解決策はありません。-stackoverflow.com/questions/2777196/facebook-like-button-fblike-height-always-80px

この問題を解決するために約 6 時間を費やしました。しかし、これには簡単な解決策が必要だと思います。

提案をありがとう。

4

1 に答える 1

0

顔を表示せず、静的な23pxの高さを維持したい場合は、XFBMLタグのshow_facesパラメーターをに設定できます。顔を表示したい場合は、タグをコンテナにラップして、に設定します。これにより、「いいね」ボタンの周りにあるすべてのコンテンツが所定の位置にとどまり、面が追加/削除されるとiframe/「いいね」ボタンのコンテンツが変更されます。fb:likefalse<fb:like>divheight61px

于 2011-05-04T17:50:43.180 に答える