Jquery Jssor、iFrame、内联CSS和Firefox

我在项目中使用Jssor来显示图像库。我开始使用Jssor下载提供的一个示例——image-gallery-source.html（jquery版本）。我能够删除所有的内联CSS并放入一个外部化的CSS文件。当它被视为一个独立的页面时，一切都可以正常工作。然而，当我尝试在iFrame中加载此页面时，我开始出现CSS错误，例如

20:53:27.882 Error: Width of slides container wrong specification, it should be specified in pixel (like style='width: 600px;').1 frontend.js:17689:14

当我在iframe之外启动文件时，它工作正常。我不明白这是什么原因造成的。 我对它进行了Safari和Chrome测试——它的工作原理就像一个符咒。但是，由于Firefox中的所有错误而失败。如果将样式转换为内联样式，它会开始抱怨其他元素缺少内联CSS

---

编辑：也在firefox开发者版和Opera中测试-在Opera中工作，但在firefox中再次失败。我可以在“检查”元素时看到设置的属性，但在Javascript代码尝试检索宽度等时看到返回的“NaN”。。我开始觉得这是firefox的一个怪癖？

请确保以以下方式包含外部css

<link href="external.css" rel="stylesheet" type="text/css" />

---

这里是一个演示

嗯..您已经为定义宽度、高度、位置等的几乎所有元素提供了内联CSS。事实上，您的external.CSS几乎没有CSS。完全删除内联css怎么样？我没有任何内联CSS，所有CSS都驻留在外部CSS文件中。这是一样的。您可以将所有内容移动到外部css。