Question

大家好，我在过去很多天试图在共享图标悬停时间显示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上......

PLs帮助我...

我发帖了

Post1
-----
<span>Share image   

Post2
-----
Share Image
<span>

像这样，我有单页......

问题只出现在Firefox中，而且其他所有社交媒体图标都显示完美，但只有Twitter的问题，但只有Firefox才能解决这个问题..但不知道为什么会发生这种情况

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

在firefox浏览器中打开jsfiddle链接，在悬停的共享文本Twitter按钮不显示在crome上它的工作完美..这样就是Firefox中的问题...

Answer 1

这似乎是一个错误，因为display:none会阻止在Twitter中加载twitter按钮。有一种解决方法：使用opacity:0代替display:none。

Answer 2

即使我遇到了同样的问题，但我攻击了你可以找到它的解决方案here，但实际问题是不同的，它与twitter小部件有关我希望link帮助你

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

2 个答案: