2011-05-24 37 views
0

我在我的網站上使用Facebook發送按鈕。幾天後,這個按鈕的背景顏色設置爲白色,這在我的網站上確實很醜。我也使用Like按鈕,工作正常。刪除Facebook發送按鈕的背景顏色

下面是一個例子:*

背景顏色設置在iframe的body標籤,所以我不能夠訪問它... 什麼建議嗎?

回答

1

如果您正在使用XFBML代碼,或者在iframe src屬性中的facebook URL的末尾添加了 colorscheme = dark,則可以嘗試設置colorscheme ='dark'。

使用CSS,因爲內容是在一個iframe加載不會在這裏工作...

+0

的色彩方案屬性改變按鈕自己的顏色。在我的情況下,默認的colorscheme =「light」非常好。我需要的是修改此iframe的背景顏色。 – becassin 2011-05-24 15:31:52

0

色彩方案改變了按鈕的顏色,也把一個黑色的背景上彈出,但白色的按鈕的背景仍然存在。我嘗試將fb:send元素的寬度設置爲按鈕寬度(大約53px),但彈出窗口是該元素的子元素,並以該寬度截斷。

我自己看不到解決方案。在我的項目中,我打算將按鈕放在圖像背景的頂部,但我必須將其插入圖像下方的白色區域。

+0

我找不到解決方案,所以我繞過它。我完全刪除了按鈕,而是在中設置了「發送= true」屬性。那麼發送按鈕顯示很好。 – becassin 2011-06-22 10:15:08

1

你們是否嘗試過在iframe標籤上使用allowTransparency =「true」?

0

是的,它可以做到。

首先,添加一個#ID到您的FB代碼(我用我自己的跨度,而不是一個div):

<span id="fboverlay" class="fb-like" data-href="YOURFACEBOOKADDRESS" data-width="300" data-layout="button_count" data-show-faces="false" data-send="false"></span> 

您可以留下您的代碼,只是因爲它是,只想補充一點,ID = 「fboverlay」那邊。

然後編輯你的CSS,並添加:

#fboverlay { 
    opacity: 0.6; 
    filter: alpha(opacity=60); 
    -webkit-filter: grayscale(100%); 
    -moz-filter: grayscale(100%); 
    -o-filter: grayscale(100%); 
    -ms-filter: grayscale(100%); 
    filter: gayscale(100%); 
} 

就是這樣。

Shurelly它使用CSS3,因此它不是100%兼容(特別是與舊的瀏覽器),你知道是怎麼回事......