2011-11-29 32 views
6

在應用程序iframe中使用Facebook按鈕,例如,Facebook喜歡按鈕對話框溢出問題

like button position

等按鈕通常某處定位在屏幕的右部。問題是,一旦點擊了類似的按鈕,其下面的對話框隱藏在iframe容器之外,例如,

overflow

這是很容易的,只需關閉對話框(使用CSS),但是,這是我需要的對話框。

這有什麼可能的解決方案?我期望應該有一種方法來觸發某種覆蓋形式或使對話框顯示在類似按鈕的左側,而不是正確的。

+0

我遇到類似的問題。你修好了嗎? – Daniele

+0

不,Facebook沒有提供更改元素對齊的功能。您只需將元素移動到頁面的左端或隱藏註釋對話框。 – Gajus

+0

有趣的是,Facebook還沒有添加任何選項來左對齊對話框。 – Gajus

回答

2

Facebook 'Like Button' dev page

「如果像按鈕被放置在靠近與設置爲隱藏的溢出屬性的HTML元素的邊緣,在彈出可被夾或按鈕被點擊時完全隱藏。這可以通過將溢出屬性設置爲除隱藏之外的值(如可見,滾動或自動)來解決。

+1

我不是指隱藏溢出的div容器。我指的是Facebook應用程序iframe窗口。 – Gajus

1

我有類似的問題,並修復了這個問題。將此添加到您的樣式表中:

.fb-like span{overflow:visible !important; width:450px !important; margin-right:-375px;}