CSS上的白色背景Like Box

Question

FB Like Box的當前暗/淡樣式不適用於透明/半透明頁面佈局。類似的方框最終會繼承頁面的屬性，變得透明。

我試圖通過創建一個帶有必要更正的fb.css文件並將css =「fb.css」添加到代碼中來重置facebook像框css，如在此論壇中指示的那樣。但它似乎並不奏效。

有沒有辦法讓FB Like Box在透明頁面上使用簡單的白色背景？我可以通過編輯屬性.connect_widget來實現在螢火蟲中的這一點。background-color：#FFFFFF; }

有問題的網站是http://www.laudanumonline.com，像盒子在右下角。

感謝您的任何幫助。

Answer 1

您可以嘗試使用!important覆蓋由Facebook的設置的樣式：

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

Answer 2

，因爲它增加了樣式內嵌樣式您可以通過Firebug的做到這一點。

做到這一點的一種方法是將樣式添加爲一些jQuery的內聯樣式。像

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

東西，你很可能需要將其設置爲一個事件，不過，除非框在頁面加載可見。

Answer 3

你可能不是樣式的「.connect_widget」div，但你可以設置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;}