css - CSS Like Box の白い背景

Question

FB Like Box の現在のダーク/ライトスタイルは、透明/半透明のページレイアウトでは機能しません。いいねボックスはページの属性を継承し、透明になります。

必要な修正を加えた fb.css ファイルを作成し、示されているように css="fb.css" をコードに追加することで、facebook のようなボックス css をリセットしようとしましたが、このフォーラムでは機能しました。しかし、うまくいかないようです。

透明なページで使用するときに FB Like Box の背景を単純な白にする方法はありますか? 属性 .connect_widget { background-color: #FFFFFF; を編集することで、firebug でこれを実現できました。}

問題の Web サイトはhttp://www.laudanumonline.comで、ボックスのように右下隅にあります。

ご協力ありがとうございます。

score 0 · Accepted Answer

!importantFacebook によって設定されたスタイルをオーバーライドするために使用することができます。

.connect_widget {background-color: #fff !important;}

score 0 · Accepted Answer

スタイルがインラインスタイルとして追加されるため、Firebug を介してこれを行うことができます。

これを行う 1 つの方法は、スタイルを jQuery を使用してインラインスタイルとして追加することです。何かのようなもの

$('.connect_widget').css({'background-color':'#fff');

ただし、ページの読み込み時にボックスが表示されない限り、おそらくこれをイベントに設定する必要があります。

score 0 · Accepted Answer

その接続ウィジェットを 1 つのセルテーブルに配置して、テーブルの背景を白にしてみませんか? それは私が www.earthakitt.com (ホームページではなく内部ページ) の右側の列で行ったことです。

score 0 · Accepted Answer

「.connect_widget」divのスタイルを設定することはできませんが、それが含まれるiframe、またはiframeが含まれるdivのスタイルを設定できます。私の場合、いいねボックスはdiv「#fb-platform」にあるので、これを簡単に行うことができます：

#fb-platform iframe {background-color: #fff; }

また

#fb-platform .fb-like-box {background-color: #fff; }

これらのオプションはどれも正常に機能します。

いいねボックスは引き続き透明ですが、親の iframe/div はそうではありません。つまり、白い背景です。

score 0 · Accepted Answer

0

最も簡単な方法は、style="background:#fff;" を追加することです。要素へ

于 2013-08-13T14:30:51.380 に答える

score 0 · Accepted Answer

私はこれを使用していますが、うまくいきます。:) コードを css ファイルの最後に置きます。

span>iframe{background:#ffffff !important;}

6 に答える 6