CSS Like Boxの白い背景

Question

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

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

透明なページで使用するとFB Like Boxに白い背景が表示されるようにする方法はありますか？私はこれをファイアウォールで、属性.connect_widget { background-color：#FFFFFF;}を編集することで達成することができました。 }

問題のウェブサイトは、ボックスが右下隅にあるように、http://www.laudanumonline.comです。

ありがとうございます。

Answer 1

あなたは、Facebookから設定されたスタイルをオーバーライドする!importantを使用して試すことができます：

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

Answer 2

それは、インラインスタイルとしてスタイルを追加しますので、あなたは、Firebugのを経由して、これを行うことができます。

これを行う1つの方法は、スタイルをインラインスタイルとしていくつかのjQueryで追加することです。

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

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

Answer 3

".connect_widget" divのスタイルを設定することはできませんが、iframeが入っているiframe、またはiframeがあるdivのスタイルを設定することができます。私の場合のようなボックスはdiv "＃fb-プラットフォームは」私は簡単にこれを行うことができます。これらのオプションの

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

または

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

どれが正常に動作します。

類似のボックスはまだ透過ですが、親iframe/divはありません。したがって、白い背景です。

Answer 4

なぜ接続ウィジェットを単一のセルテーブルに置き、テーブルの背景を白くするのはなぜですか？それは右の列のwww.earthakitt.​​com（ホームページではなく、内部ページ）で行ったことです。

Answer 5

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

Answer 6

これを使用して動作します。 :)あなたのCSSファイルの最後にコードを入れてください。

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