Google+自定义登录按钮由iframe覆盖

Question

我正在尝试使用自定义风格的Google+登录按钮，并使用gapi.signin.render关注Google的文档应该允许我这样做。但即使使用按钮的样式也会被iFrame取代。

使用的代码很简单：

var $Button = $("<div>").addClass("SocialGooglePlusLoginButton").appendTo("body");

    gapi.signin.render($Button.get(0), {
        callback: OnSignIn,
        clientid: Configuration.Get("GooglePlusClientID"),
        cookiepolicy: "single_host_origin",
        requestvisibleactions: "http://schemas.google.com/AddActivity"
    }); 

从理论上讲，这应该是我所需要的，但似乎还不够？我错过了什么？

g +脚本包含在选项onload = explicit

中

Answer 1

原来G +正在扫描div的结构，我不得不在它工作之前添加一些空的空间：

$("<div>").addClass("SocialGooglePlusLoginButton").append($("<span>"), $("<span>"));