爲什麼我的Facebook [推薦]按鈕在底部被切斷？

爲什麼我的按鈕在底部被切斷？它應該有21px的高度。這是明顯的位置：爲什麼我的Facebook [推薦]按鈕在底部被切斷？

http://mayacove.com/dev/sm/test_like.html

2011-03-15 kali

記得要接受一個答案，如果其中一個解決方案已經解決您的問題。 – Dan 2011-03-15 07:00:52

根據http://developers.facebook.com/docs/reference/plugins/like/ iframe的高度使用標準佈局時應該是35px。如果你看看你的按鈕的尺寸，它的高度是24px，所以它不適合21px。

來源

2011-03-15 04:23:11

你可以嘗試手工編寫的東西CSS文件類似下面的

a.connect_widget_like_button { 
    padding:3px 4px !important; 
}

但無可否認這是不大不小的雜牌的。

編輯：其他答案似乎更好，但你似乎也需要更大的寬度。你應該修改你的內聯iframe樣式。

<iframe [...] height:23px; width:101px; [...]>

來源

2011-03-15 04:24:51

他實際上有兩個寬度：width：450px;高度：24px的;寬度：100像素; – Dan 2011-03-15 04:30:51

@丹好抓，儘管看起來只有最後一個正在被應用。我修改了我在Chrome檢查器中看到的100像素。 – 2011-03-15 04:36:52

您的iFrame的高度不夠高，不適合整個按鈕。另外，您已指定overflow:hidden的內聯樣式，以便任何多餘的內容不會顯示。

如果從21px改變的iFrame高度類似24px的，它顯示了完整的按鈕：

<iframe src="http://www.facebook.com/plugins/like.php?&lt;%=thisURL%&gt;&amp;show_faces=false&amp;width=450&amp;action=recommend&amp;font=verdana&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:24px; width:100px; overflow:hidden; " allowtransparency="true"></iframe>

另外，我在你的iFrame內嵌樣式我們注意到，您分配了兩個寬度：

... width:450px; height:24px; width:100px; ...

您將需要刪除其中一個聲明。

問候，丹

來源

2011-03-15 04:26:14 Dan

爲什麼我的Facebook [推薦]按鈕在底部被切斷？

回答

相關問題