Rails背景颜色中的CSS在正文中不起作用

Posted 2023-03-06

【中文标题】Rails背景颜色中的CSS在正文中不起作用

【英文标题】：CSS in Rails background-color not working in body

【发布时间】：2014-04-02 06:31:48

【问题描述】：

在我的 application.css 我有这种风格：

body 
    /*background-image: url(back.jpg);*/
    background-color: #343434;

如果我取消对 background-image 属性的注释，它可以正常工作，但我不再想要图像，我想要纯色。但是，背景颜色没有显示出来。

我正在使用带有 Bootstrap 3 和 Sass 的 Rails 4（虽然这个文件不是 scss）

任何建议都会有所帮助。

【参考方案1】：

CSS

具体不知道bootstrap，但这可能有助于解决问题：

html, body  background: #343434; 

这将为整个文档 (html) 提供 #343434 的背景，这将覆盖引导程序中的任何潜在预设

---

预编译

正如 Mike Riley 所说，您可能还遇到了assets precompile 问题：

rake assets:precompile RAILS_ENV=production

这在开发中不是问题（只是生产）

【讨论】：

你说得对，问题是 html 标签。一旦我添加了html body ，它就起作用了

【参考方案2】：

您是否偶然在 Rails 中使用资产管道？如果是这样运行：

rake assets:precompile

这将清除所有更改并且应该会显示出来。如果您没有使用资产管道或者这不起作用。尝试在浏览器中检查 css 样式。只是看看你是否可以在页面上找到任何东西。让我知道这是否有帮助。

迈克·莱利

【参考方案3】：

您似乎需要用逗号分隔 URL。

background-image: url('back.jpg');

背景图片的语法可以看w3school。Link

【讨论】：

OP 说他不想要图片

哎呀，误会了。