我有点卡住这一个。我有一个文章列表，其中包含链接到完整的文章。当你悬停在每个blurb上时，一个酒吧出现在blurb的底部，包含社交共享按钮(FB，Twitter& G 1)。
注意，格式化在jsfiddle示例中被删除，并且G 1不工作 – 对此问题不重要。
我的问题是FB的按钮没有正确加载。在Chrome中，一切都按预期工作。在FF或IE中，FB按钮加载“隐藏”，我不能让它们出现。
如果当页面仍在加载时，您的鼠标位于文章按钮之一上，那么该文章的FB按钮就会正常加载。如果FB完成加载时悬浮效果被隐藏，它不会出现爱和金钱。
我把它分开，发现如果我删除css显示：none;从内容框.story-hover，它加载精细。当然，这也意味着隐藏的面板加载可见，直到有人徘徊在他们隐藏，这将无法工作。
我不知道如何解决这一个。此外，由于FB的体积像按钮，它是一个有点慢我的开发构建，所以延迟显示：无直到页面加载也不会工作。
解决方法
使用CSS透明度是一个很好的选择在这里..一些基本的像这样：
HTML
<div class="div"> <div class="social"></div> </div>
CSS
.div {
opacity: 0;
filter:alpha(opacity=0);
}
.div:hover .social {
opacity: 1.0;
filter:alpha(opacity=100);
}
从那里，你可以添加过渡，使它看起来不错！
