css background-color在firefox

时间:2018-04-12 21:02:25

标签: html css firefox background background-color

我不知道自己做错了什么。我到目前为止所做的测试如下:

我已经在Chrome,Opera,Edge,IE11和UC中检查了我的代码 - 所有代码都按预期或尽可能接近工作

我拿出了所有的花里胡哨,看看我是否可以隔离这个问题 - 问题似乎是Firefox

我尝试删除除HTML,Head和Body之外的所有HTML代码

我进入了我的Firefox设置:选项>常规>语言和外观>字体和颜色>颜色...,将覆盖设置更改为从不,它仍然无法正常工作。考虑到我可能尝试了错误的设置,我尝试了所有三个(从不,永远和只有高对比度主题),没有一个工作

我真的很难过。以下是我的代码的准系统。 。我尝试从HTML中删除所有内容,只是完成了一个CSS页面。 Firefox中没有显示背景颜色。那是为什么?

代码

html {
height: 100%;
width: 100%;
box-sizing: border-box;
}

body, section {
    background-color: #999397;
}

指向代码的链接

https://codepen.io/Obsidiangel/pen/KoLwey

编辑: 我在上面的原帖中忽略了一个非常重要的部分,即Codepen背景颜色 正常工作我,当我在firefox中查看我的html doc时,代码不起作用。再说一遍,我不相信我错过了上面的帖子,但我确实尝试了下面的建议来清除历史记录和缓存,禁用插件/扩展(我实际上完全删除了它们),然后卸载并重新安装。我将再次尝试清除缓存,看看是否有帮助。

4 个答案:

答案 0 :(得分:1)

所以我觉得自己是一个完整而彻底的白痴,但我终于找到了问题所在。在我尝试了上面发布的所有解决方案之后,我决定回到基础并尝试将背景颜色直接添加到HTML文档中的body标签,它在我的Submlime文件中完全按预期工作,但仍然没有'在CSS文件中工作。

这让我得出结论,我在某种程度上错误地将我的CSS文件链接到HTML文件。我将整个文件位置(从C :)开始放在<link>标记中,而不是仅仅放置&#34; Portfolio.css&#34;。 Firefox是唯一不喜欢完整位置的浏览器!但是,很高兴我知道我做错了!

答案 1 :(得分:0)

您的代码适用于我的Firefox。要尝试的事情:

  • 删除浏览器历史记录和缓存
  • 停用扩展程序
  • 使用默认设置重新安装firefox

希望其中一件事有所帮助。

答案 2 :(得分:0)

它在我的Firefox中运行良好。您可以按照此处的建议尝试清除缓存:

https://support.mozilla.org/en-US/questions/755808

另外,请查看答案的“有用回复”,指向Mozilla的知识库:

http://kb.mozillazine.org/Website_colors_are_wrong http://kb.mozillazine.org/Websites_look_wrong

如果这些不起作用,可能完全卸载,然后安装上一个Firefox版本可能会有所帮助!

答案 3 :(得分:0)

我刚开始时遇到了类似的问题。我还建议清除缓存,因为浏览器将保存以前版本的网站,以加快加载速度。