CSS背景颜色在Firefox中无法正常工作

4
我不知道我做错了什么。到目前为止,我已经进行了以下测试:
在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文档时才会出现问题。再次强调,我无法相信我在上面的帖子中错过了这一点,但我确实尝试了下面的建议来清除历史记录和缓存,禁用插件/扩展(我实际上将它们全部删除了),并卸载并重新安装。我将再次尝试清除缓存,看看是否有所帮助。


在我的 Firefox 59.0.1 上可以运行。 - git-e-up
Ditto在FF59中可以使用。也许是一些非常奇怪的缓存问题?尝试在私密浏览中查看。 - Chris
4个回答

2
所以我感觉自己像个彻头彻尾的白痴,但最终我找到了问题所在。在尝试了以上所有解决方案之后,我决定回到基础并尝试将背景颜色直接添加到HTML文档中的body标签中,在我的Sublime文件中它完美地工作了,但仍然无法在CSS文件中正常工作。
这让我得出结论,我某种方式错误地将CSS文件链接到HTML文件中。我在<link>标签中放置了整个文件位置(从C:开始),而不是只放置“Portfolio.css”。Firefox是唯一不喜欢全位置的浏览器!然而,很高兴知道我一直做错了!

1
我刚开始学习时也遇到了类似的问题。我建议您清除缓存,因为浏览器会保存网站的旧版本以加快加载速度。

0

你的代码在我的Firefox上运行正常。可以尝试以下方法:

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

希望这些方法中的一个能够帮到你。


0

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接