2

WordpressのTwenty Elevenテーマを使用しています。

他のテーマでは問題ありませんが、Twenty Eleven では Facebook のいいね ボタンのコメント ポップアップ ウィンドウに問題があります。半分表示されています。「いいね」ボタンをクリックすると、ビューは次のようになります。

http://i.stack.imgur.com/Hgawi.png

WordPress用のFacebookプラグインを使用しています。この問題を解決するにはどうすればよいですか?

手伝ってくれてどうもありがとう！

4

3 に答える 3

5

これは、Twenty Eleven (および他のいくつかのテーマ、おそらくコピー アンド ペースト) のバグです。style.css を開き、次を探します。

embed,
iframe,
object {
  max-width: 100%;
  width: 100%;
}

max-width 行を削除すると、機能するはずです! より洗練された解決策があるかもしれませんが、正直なところ、iframe のサイズを常にコンテナー (この場合は FB ボタン) に制限する必要がある理由がわかりません。

于 2012-11-06T10:54:43.290 に答える
1

多分それはそれを行うより良い方法です！Facebook Like Button div にクラスを配置します。この場合、「fb-like」クラスを使用しました。

.fb-like iframe,
.fb_iframe_widget iframe {
    max-width: none;
}
于 2013-10-18T21:53:56.167 に答える
0

多くの解決策を探したりテストしたりして、コメントウィンドウを非表示にするものを見つけ（ソースはこちら：https://stackoverflow.com/a/12829375/3687838）、半分に表示されずにウィンドウを表示するものを書きました。私はプログラマーではありませんが、ワードプレスのプラグインを微調整した小さな経験から、次のアイデアを思いつきました。

.fb-like {
    z-index: 200;
    position: absolute;
}

カスタム CSS テーマ ファイルにコピーして貼り付けます。ウィンドウをすべての上に置きたい場合は、z-index 値を 10000 に変更することもできます。コメント ウィンドウを非表示にする場合は、上記のリンクで提供されているソリューションを使用して、値を 20px ではなく 27px にします。

于 2014-05-29T15:51:34.060 に答える