Heute habe ich festgestellt, dass der FB-Anmeldebutton in Chrome nicht mehr korrekt dargestellt wird (möglicherweise aufgrund eines Browserupdates - wer weiß). Schau dir das an http://goo.gl/mK6sf Website in IE und Chrome. Jeder Knopf hat ein zusätzliches "Polster" in Chrom und der Iframe ist nicht richtig versteckt. Hier ist eine PNG-Vorschau http://goo.gl/sfUl5
BEARBEITEN Wie mache ich FB Login-Button, um wie im IE richtig zu rendern? Sehen Sie ein ähnliches Problem auf anderen Websites? Hat Facebook etwas geändert oder ist Chrome schuld?
EDIT2 2013-01-16 Schauen Sie sich diesen Thread an: https://developers.facebook.com/bugs/592452207446912 Dies ist wahrscheinlich ein Facebook-API-Fehler. Ich werde eine Antwort posten, wenn sie das Problem beheben.
Antworten:
1 für die Antwort № 1Dank Matt Bower vom Facebook-Entwicklerforum ist die vorübergehende Lösung:
#fb_login_button {
width: 80px;
}
#fb_login_button span,
#fb_login_button iframe {.
width: 80px! important;
height: 25px! important;
}
Ich warte immer noch auf Facebook-Entwickler, um dieses Problem zu beheben.
-1 für die Antwort № 2
Sie können das Login - Plugin nicht in iframe verwenden. Verwenden Sie das JavaScript SDK und die XFBML - oder HTML5 - Implementierungen. Versuchen Sie diesen Code:
<fb:login-button show-faces="false" width="200" max-rows="1"></fb:login-button>