在FLy上编辑Facebook Like-Box的CSS？

Question

4

我不是一名编程人员，但大多数情况下我能够解读代码。然而，对于与代码相关的问题，我发现这是提问的最佳地点。

我正在为客户制作一个网站，已经完成了95%，唯一遇到的问题是 Facebook Like Box。我在网上找到了几个修改 Like Box CSS 的教程，并且实施了大部分推荐的方法，但没有得到良好的结果。

请问 Stack Overflow 能否提供帮助！

我知道 jQuery/JavaScript 是非常强大的语言。Facebook Like 使用 JavaScript iFrame/XFBML。

如果您要在加载之前修改 Like Box CSS 元素，您会使用哪些代码？我说“加载”，因为我通过 ".load" Ajax 加载我的 Like Box。当用户点击 Facebook 按钮时，jQuery 就会将其加载。

简而言之：我该如何在运行时编辑 CSS 文件，并在编辑后加载它们。

谢谢。

- JayJay

JayJay，恐怕你的问题过于模糊。为了获得合理的回应，请尝试展示相关的HTML、JavaScript和CSS（例如通过放置在jsfiddle.net上）。你不一定要编辑CSS文件，而是编辑与相关元素有关的CSS。 - Neil

1

为likebox iframe命名一个ID或类，然后用jQuery操纵它 ;) 看起来是个不错的主意... - Yuda Prawira

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Ben Hull · Accepted Answer

你在这里面遇到的关键问题是，FB的“赞”按钮加载在iframe内部——即页面内的自包含HTML文档（如果你使用firebug或webkit inspector检查“赞”按钮，你会发现它位于<body>、<html>和<iframe>之内）。

这些自包含页面的问题在于，你无法从周围的文档（你的页面）访问或操作它们。你可以改变“src”属性（告诉iframe加载一个新页面），但你无法对页面内部的元素应用或更改样式。这是浏览器的安全限制。

我知道可以有一个自定义样式的“赞”按钮，但我认为这不是通过iframe方法实现的。