Jssor，iFrame，内联CSS和Firefox

我在我的项目中使用Jssor来显示图片库。我开始使用Jssor download-image-gallery-source.html（jQuery版本）提供的示例之一。我能够删除所有的内联CSS并放入一个外部化的CSS文件。当它被视为独立页面时，一切正常。但是，当我尝试在iFrame中加载此页面时，我开始收到CSS错误，例如Jssor，iFrame，内联CSS和Firefox

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的怪癖？

来源

2015-03-08 MojoJojo

确保您在下列方式外部CSS，

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

这里是一个演示http://www.jssor.com/testcase/slider-in-iframe.html

来源

2015-03-08 23:55:32 jssor

Well..you've了内嵌CSS的几乎所有元素定义宽度，高度，位置等。实际上，你的external.css几乎没有CSS。如何完全删除内联的CSS？我没有任何内联CSS，所有的css驻留在外部的css文件中。 – MojoJojo 2015-03-09 00:17:45

这是一样的。你可以全部移到外部的CSS。 – jssor 2015-03-09 04:44:11

Jssor，iFrame，内联CSS和Firefox

回答

相关问题