未应用加载ajax的内容中的CSS

Question

很抱歉，如果这很明显，但我不知道还能做些什么。

我使用fancybox jQuery插件将html内容加载到模式中，但内容不显示主文档的CSS样式。

CSS规则在主文档AND中在<style>标记中加载的html中调用，但没有。

如何解决此问题，而无需使用jQuery .css()调用单独应用每个元素的css？

谢谢

注意：我知道这可能是over - duplicated，但我仍然没有找到正确的解决方案。

编辑：加载Ajax的内容位于iframe

内

Answer 1

正如您在评论中提到的，您实际上是在将内容加载到iframe中，因此此加载的内容不会受到容器文档中样式的影响。它们是两个不同的HTML页面，尽管iframe创建了错觉。

您最好的选择是配置您要加载的内容，以使用与容器文档或其子集相同的样​​式和样式表集。将其视为您网站上的另一个HTML页面。