Question

我似乎注意到Facebook的JS

<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js#appId=APP_ID&amp;xfbml=1"></script>

似乎在IE中影响了我网站的CSS。例如。说标题使用font1和body使用font2。有时，在IE中所有字体都使用font1甚至交换，标题使用font2和body使用font1 ......它似乎也影响了一些PIE CSS的东西。有人有同样的问题吗？

Answer 1

我遇到了完全相同的问题。我使用下载的字体作为我的标题，在IE8上，Facebook Javascript搞砸了字体。这种情况发生在我将我的代码构建为我认为正确的架构时 - 我的Javascript包含的Facebook Javascript包含在我的标题中。

当我将javascript包含到添加了like按钮的实际div时，问题就消失了。

    <div id="facebooklike" style="position: absolute; left: 645px; top: -37px;">
    <div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="http://www.tripinsurance.com" send="false" width="350" show_faces="false" font="arial"></fb:like>
    </div>

我认为如果在div加载页面之前加载Facebook代码，可能会发生问题。

Facebook JS在IE中影响CSS / @ font-face？

1 个答案: