在 Div Hide 上，显示 Twitter 按钮在 Firefox 中无法正确显示为什么？答案

【问题标题】：On Div Hide, Show Twitter Button not displaying properly in Firefox Why?在 Div Hide 上，显示 Twitter 按钮在 Firefox 中无法正确显示为什么？
【发布时间】：2015-10-08 06:58:38
【问题描述】：

大家好，最近很多天，我正在尝试在共享图标悬停时显示 Twitter 按钮。它在所有浏览器中都能完美运行，但在 Firefox 浏览器中出现问题。

这是有效的

<span>
<iframe
  src="https://platform.twitter.com/widgets/tweet_button.html?size=l&url=https%3A%2F%2Fdev.twitter.com%2Fweb%2Ftweet-button&via=twitterdev&related=twitterapi%2Ctwitter&text=custom%20share%20text&hashtags=example%2Cdemo"
  width="140"
  height="28"
  title="Twitter Tweet Button"
  style="border: 0; overflow: hidden;">
</iframe>
</span>

上面的代码运行良好，但我不想像上面那样.. 我希望有一个共享图像，如果将鼠标悬停在该图像上而不是希望显示在类上方，因此我正在这样做

<span style="display:none;">
 <iframe
  src="https://platform.twitter.com/widgets/tweet_button.html?size=l&url=https%3A%2F%2Fdev.twitter.com%2Fweb%2Ftweet-button&via=twitterdev&related=twitterapi%2Ctwitter&text=custom%20share%20text&hashtags=example%2Cdemo"
  width="140"
  height="28"
  title="Twitter Tweet Button"
  style="border: 0; overflow: hidden;">
</iframe>
</span>

我在一页中有很多帖子，其中一些帖子显示而有些不显示..问题仅在 Firefox 上...

请帮我解决这个问题..

我有类似的帖子

Post1
-----
<span>Share image   

Post2
-----
Share Image
<span>

像这样我在单页中...

问题仅存在于 Firefox 中，还有一件事其他所有社交媒体图标都完美显示，但只有 twitter 存在问题，但仅在 Firefox 中出现此问题..不知道为什么会发生这种情况

演示：[http://jsfiddle.net/287dkqm0/2/1

在 Firefox 浏览器中打开上面的 jsfiddle 链接，在鼠标悬停时共享文本 twitter 按钮不显示，而在 crom 上它的工作完美..这就是 Firefox 中的问题...

【问题讨论】：

你为什么不发布你的完整代码，就像你用 js 的 css 显示 twitter 按钮一样？在jsfiddle.net 中发布您的代码将有助于理解问题。
谢谢.. 让我添加我的演示 jsfiddle.net/287dkqm0/2

标签： jquery html twitter social-media

【解决方案1】：

这似乎是一个错误，因为display:none 阻止了 twitter 按钮在 Firefox 中加载。有一个解决方法：使用opacity:0 而不是display:none。

【讨论】：

【解决方案2】：

即使我也面临同样的问题，但我破解了解决方案，你可以找到它here，但实际问题是不同的，它与 twitter 小部件有关，我希望这个 link 对你有所帮助

【讨论】：