我不知道我做错了什么。到目前为止我所做的测试如下:
我已经在 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 background-color 正在正常工作我,当我在 firefox 中查看我的 html 文档时,代码不起作用。再一次,不敢相信我在上面的帖子中错过了,但我确实尝试了下面的建议来清除历史记录和缓存,禁用插件/扩展(我实际上完全删除了它们),然后卸载并重新安装。我将再次尝试清除缓存,看看是否有帮助。
最佳答案
所以我觉得自己像个彻头彻尾的白痴,但我终于弄清楚了问题所在。在我尝试了上面发布的所有解决方案之后,我决定回到基础并尝试将背景颜色直接添加到 HTML 文档中的 body 标签并且它在我的 Submlime 文件中完全按照预期工作,但仍然没有工作在 CSS 文件中。
这使我得出结论,我以某种方式错误地将我的 CSS 文件链接到 HTML 文件。我将整个文件位置(从 C: 开始)放在 <link>
中标签而不是仅仅放置“Portfolio.css”。 Firefox 是唯一不喜欢完整位置的浏览器!但是,很高兴知道我做错了!
关于html - css 背景颜色在 Firefox 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49805813/