Google关注不显示

时间:2014-02-28 08:14:24

标签: html css

请帮我解决这个问题,Google Follow只显示气泡而不是“Follow”这个词,当我使用Firebug检查时,宽度似乎自动设置为“0”。

仅显示气泡:

enter image description here

宽度= 0:

enter image description here

目前这是我使用的CSS代码:

/*  header : social
/* ------------------------------------ */
.toggle-social { color: #fff; font-size: 18px; line-height: 24px; cursor: pointer;  padding: 13px 20px 13px 20px; display: block; position: absolute; right: 60px; top: -50px;
-webkit-box-shadow: -1px 0 0 rgba(255,255,255,0.1);
box-shadow: -1px 0 0 rgba(255,255,255,0.1);}
.toggle-social:hover,
.toggle-social.active { background: rgba(0,0,0,0.15); color: #fff; }
.social-expand { display: none; background: #26272b; position: absolute; top: 0; right: 58px; width: 320px;
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.1);
box-shadow: 0 1px 0 rgba(255,255,255,0.1); }
.social-expand-inner { background: rgba(0,0,0,0.15); font-size: 18px; line-height: 24px; padding: 13px 20px 13px 20px; display: block; position: relative;}
.follow-social {font-size: 1px;}
/* This gets Facebook to fall into place */
.follow-social iframe { vertical-align: middle; }
/* Set an optional width for your button wrappers */
.follow-social span { display: inline-block; width: 90px; }
/* Adjust the widths individually if you like */
.follow-social .followgoogle { width: 75px; }

这是Google关注按钮: developers.google.com / + /网络/跟随/

我尝试使用谷歌浏览器查看它,它正确呈现: http://s11.postimg.org/i1wh1nudf/work_on_chrome.png 使用Firefox时,问题仍然存在。

0 个答案:

没有答案