1

我在网站上使用 Facebook likebox，它在所有浏览器上都能很好地出现，即使是英文版也可以在 safari 中使用，但阿拉伯语版本的网站 Facebook likebox 出现在灰色框外，而它应该在里面。这只发生在我使用 safari 5.1.4 的 safari 中。而且我不确定这是否是 CSS 问题或如何使用任何 CSS 属性进行修复，因为我试图更改一些属性但它不起作用

在这方面的帮助表示赞赏

4

2 回答 2

2

我将其解决如下：

当您在FB page中按Get Code时，您有 3 个选择，第 3 个选项最适合我们的问题，即 IFRAME。将其复制/粘贴到您的项目后，添加位置：相对于样式属性。

例子：

<iframe src="..." scrolling="no" frameborder="0" style="position:relative; 
border:none; overflow:hidden; width:240px; height:558px;" 
allowTransparency="true">
</iframe>
于 2012-06-19T12:27:22.777 回答
0

我不太确定是什么原因造成的（因为 iframe 的容器确实有 position:relative），但这似乎是由于 iframe 有一个 position:absolute。从中删除该属性

.fb_iframe_widget iframe {
    /* position: absolute; */
}

似乎解决了这个问题（至少，它在 Firefox 和 Safari 中都能正确显示）。

于 2012-04-30T09:21:12.753 回答