【发布时间】：2011-09-27 01:48:10
【问题描述】：
很抱歉，如果这很明显，但我不知道还能做什么。
我正在使用fancybox jQuery 插件将 html 内容加载到模式中，但内容没有显示主文档的 css 样式。
在主文档和加载的 html 中的 <style> 标记中调用 CSS 规则，但没有。
如何解决这个问题，而不必使用 jQuery .css() 调用单独应用每个元素的 css？
谢谢
注意：我知道这可能是over-duplicated，但我仍然没有找到合适的解决方案。
编辑：Ajax 加载的内容在 iframe 内
【问题讨论】：
-
模态是 div 吗？您是否正在加载包含额外
<html>或<body>标记的 HTML 内容，或者其他任何会创建语法不明确的区域的内容？您是否在不知不觉中使用了div#foo > div之类的子选择器，而您需要使用div#foo div之类的后代选择器来定位现在可能在文档中更深的动态加载内容？ -
我们还能看到更多代码吗？
-
内容在
iframe中，在div中，就像 Fancybox 那样。自发布问题以来，我已经解决了 inline 样式未呈现的问题 - 现在呈现正常。我从iframe外部引用ids 的内容，这似乎不起作用。但我仍然有兴趣找到更优雅的解决方案（使 iframe 内容呈现为主要的 css 任务）。有问题的页面是wikaina.com/clients/irismorata.com/prensa -
如果是iframe，就是一个独立的html文档，有自己的样式。它不会受“外部”文档中的样式影响。