html - css 背景颜色在 Firefox 中不起作用

标签 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 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/

相关文章:

html - 3D实体文件层到three.js json

html - 如何对齐 Angular-Material 工具栏中的文本输入?

html - 如何在CSS中使用 Sprite 图像?

javascript - 奇怪的 jquery 动画行为

javascript - jQuery 齿轮旋转问题

css - Firefox iframe 主体与 iframe 的高度不匹配

html - 为什么p标签中的文字不能设置vertical-align :middle?

html - 在 codeigniter 中显示网站图标时出现问题。标题显示代码

css - 在 Firefox 中运行良好的网页在 Chrome 中显示了一些样式问题

html - 如 bootstrap 的官方页面所示,firefox 中的定位错误是否已修复?