在IE 9中,Facebook像盒子一样不稳定

时间:2012-11-01 13:02:56

标签: plugins internet-explorer-9 facebook-javascript-sdk

我在my website中遇到了facebook插件的问题。它在Firefox中正确显示,但在IE 9中它显示不稳定。它移动得很快,无法看到。请在IE中打开我的上述链接并查看。

这是在Head_标签关闭后放置的Overall_Header.Html中的代码。

     <body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<a id="facebook_tab" href="https://www.facebook.com/fedriksa" title="Fedri on Facebook"><span><div class="fb-like-box" data-href="http://www.facebook.com/fedriksa" data-width="292" data-show-faces="false" data-stream="true" data-header="true"></div></span></a>
<div id="wrap">

而且,这是我的.CSS风格,引用了facebook_tab

#facebook_tab
{
    display: block;
    width: 38px;
    height: 102px;
    background: url("{T_THEME_PATH}/images/facebook_tab.png") no-repeat 0 0;
    right:0px;
    top:200px;
    position:fixed;
}

#facebook_tab span
{
    display: none;
}

#facebook_tab:hover {
width:292px;
padding-left:32px;
}

#facebook_tab:hover span
{
    display:block;
background-color:#fff;
border:2px solid #999;
border-radius:5px;
}

请帮我摆脱这个。非常感谢。

0 个答案:

没有答案