firefox没有在style.css上获取#header(其他Web浏览器都可以)

时间:2013-02-05 20:52:18

标签: css cross-browser

http://dayforfailure.com是我的网站。

在Chrome和Safari上看起来如预期。但在Firefox上,标题和其他元素(如图像大小)出错了。

我是跨浏览器兼容性问题的菜鸟。你能帮我解决这个问题吗?

铬: Site in Chrome

火狐: Site in Firefox

2 个答案:

答案 0 :(得分:1)

正如您在Firebug's JavaScript控制台中所看到的,您有两个错误。

ReferenceError: Cufon is not defined
Error: Permission denied to access property 'toString'

您在Chrome的开发者工具上也有类似的错误,但Firefox会在遇到错误后停止工作并且不会加载其余资源。

您的解决方案是修复Firefox / Firebug开发人员工具中js控制台中列出的错误。然后,您的网站将在每个浏览器中正常运行。

答案 1 :(得分:1)

您在第67行中有一个额外的“字符”。为了正确显示,该行应为:

h1 {font-family:“Helvetica Neue”,“Helvetica”,sans-serif; font-size:3 em;颜色:#000;文本变换:大写;}

正如Paul所提到的,HTML文件存在很多问题。只需通过验证器运行它并修复那里提到的问题:)