0

我有奇怪的问题。我正在尝试在我的网站上添加 Facebook Like 按钮，但它没有出现在 Internet Explorer 和 Firefox 中。是的，我已经添加了这个：

<html xmlns:fb="http://ogp.me/ns/fb#">

和 FB-Root 和 JS SDK。每当我尝试添加 XFBML 或 HTML5 版本时，它总是不会出现在 IE 和 Firefox 中。在 Chrome 和 Safari 中它运行良好。

div但是，当我在鼠标悬停时将光标留在显示的包含类似 FB 的框的按钮上时，它将正确显示。此外，当我将这个赞按钮放在我网站上的任何其他位置时，它会显示出来。

这是代码：

<li id="menu-item-21" class="ikonka menu-item menu-item-type-custom menu-item-object-custom menu-item-21">
<a href="#"><span class="fb ikoneczka"></span> 
<div class="box_pop">
<p>Text</p><hr/>
<div class="fb-like" data-href="http://facebook.com/facebook" data-send="false" data-layout="button_count" data-width="150" data-show-faces="false"></div>  
</div>
</a>
</li>

看起来 Firefox 和 IE 正在加载页面开始时呈现此框。但是，他们为他们留下了空间。有点奇怪。

我希望你能帮助我。提前致谢。

4

2 回答 2

0

好的，所以我找到了解决这个问题的方法。

首先，我已经清除了我的 css 文件中的所有 z-index 并设置z-index: 8;为.box_pop.

其次，设置.ikonka div为一无所有（你不能把它放在 css 中）display: none;。.ikonka:hover div

第三，我设置了一些 jQuery：

 <script>
 $(document).ready(function() {
 $('#your-li-id').hover(function() {
 $(this).addClass('pretty-hover');
 }, function() {
 $(this).removeClass('pretty-hover');
 });

 });
 </script>

注意：#your-li-id您必须将li元素的 id 放在哪里。该脚本会将pretty-hover类添加到您的li. 然后，在 CSS 中，输入：

.pretty-hover div{
    display: block;
}

它现在应该可以工作了。

正如你所看到的，你不能设置display: none;到你的 CSS 中，然后 - 也通过 CSS - 只需display: block;在悬停时添加。

如果你这样做，iFrame 将不会在 IE 甚至 FF 中可见。你必须用 jQuery 来做这个技巧。

于 2012-12-29T14:10:56.817 回答
0

我只在 Firefox (v.29.0.1) 上遇到了同样的问题，结果是 AdBlock plus (v.2.6) 阻止了“喜欢”和“分享”按钮的渲染。

于 2014-05-22T10:01:33.910 回答