在 FLy 上编辑 Facebook Like-Box Css？答案

【问题标题】：Editing Facebook Like-Box Css on The FLy?在 FLy 上编辑 Facebook Like-Box Css？
【发布时间】：2011-02-24 19:20:12
【问题描述】：

我不是编码员，但我可以在大多数情况下处理代码。但是，我发现这是询问与代码相关的问题的最佳场所。

我一直在为一个客户开发一个网站，我的成功率是 95%——我唯一的问题是 facebook like-box。我在网上找到了几个修改like box css的教程，并且我已经实现了大部分建议，但是我没有得到满意的结果。

请 - stackoverflow 帮助！

我知道 jquery/javascript 是一种非常强大的语言。和 facebook 一样使用 javascript iframe/xfbml。

如果你在加载之前修改like box css元素，你会使用什么代码。

我说加载因为我正在通过“.load”ajax 加载我的like 框。因此，当用户单击 facebook 按钮时，jquery 会加载它。

简而言之：我将如何即时编辑 css 文件，然后加载编辑后的版本。

谢谢

【问题讨论】：

JayJay，恐怕你的问题太含糊了。要获得合理的响应，请尝试显示相关的 HTM、Javascript 和 CSS（例如，将其放在 jsfiddle.net 上）。您不必编辑 CSS 文件，而是编辑相关元素的 CSS。
用 id 或 class 命名 likebox iframe，然后用 jquery 对其进行操作；) 似乎是个好主意...

【解决方案1】：

您在这里遇到的关键问题是 FB 的 Like 按钮加载在 iframe 内 - 您页面中的一个自包含 HTML 文档（如果您使用 firebug 或 webkit 检查器检查 like 按钮，您会看到它在<body>、<html>，然后是<iframe>)。

这些独立页面的问题是您无法从周围的文档（您的页面）访问或操作它们。您可以更改“src”属性（告诉 iframe 加载新页面），但不能在页面内的元素上应用或更改样式。这是浏览器的安全限制。

我知道可以有一个自定义样式的按钮，但我不认为它是通过 iframe 方法完成的。

【讨论】：

宾果游戏。由于跨域限制，您根本无法访问 iFrame 中的元素。这只是一个不行。您必须创建自己的“赞”按钮（这可能会也可能不会）或通过 Facebook 进行。