Firefox打破页面;不显示图像或CSS样式

时间:2015-02-17 22:24:00

标签: javascript firefox

无论出于何种原因,Firefox都不喜欢我的代码。看一些相关的帖子,我认为它可能是一个Javascript问题,但我不确定它究竟是什么。 devtools表示实际下载文件没有问题,但无论出于何种原因,它都没有正确显示它们。

我的测试网站是http://labs.halfbake.me/wp-smooth/

它在Chrome和Safari中效果很好,还没有对IE进行测试,但我确定它比Firefox更糟糕。

任何可能导致Firefox问题的想法?

3 个答案:

答案 0 :(得分:1)

在第30行,你有以下这一行:

<link rel="stylesheet" type="text/stylesheet" href="http://labs.halfbake.me/wp-smooth/wp-content/themes/Breanne-New/library/css/main.css">

型=&#34;文本/样式表&#34;不是有效的MIME类型,请使用type =&#34; text / css&#34;代替。

这导致Firefox根本不加载样式表。 Chrome和Safari可能会解决标记中的一些常见错误。

修复了Firefox 37上的问题。

答案 1 :(得分:0)

你有一些破坏的HTML,这可能导致JS正确初始化。检查标记中的这些行

Line 139, Column 25: End tag figcaption seen, but there were open elements.

Line 138, Column 19: Unclosed element div.

答案 2 :(得分:0)

您的main.css样式表标记在页面顶部没有自我关闭,请尝试添加/&gt;到每个链接标记的末尾。