更改引导模板的网站背景答案

【问题标题】：Changing website background for bootstrap template更改引导模板的网站背景
【发布时间】：2017-01-19 14:28:58
【问题描述】：

我正在做一些关于使用 Django 进行 Web 开发的教程（我是一个完整的初学者）。我已经下载了this bootstrap 主题并成功地为我未来的网站实现了它。

我现在想要的是通过更改默认背景来个性化这个引导主题。 “灰度”主题 css 是这样引用的：

<!-- Theme CSS -->
{% load staticfiles %}
<link href="{% static 'aboutme/css/grayscale.min.css' %}" rel="stylesheet">

（我确信这就是为我的网页提供灰度主题的原因，因为当我删除这些行时，我网站上的灰度主题就消失了。）

查看“grayscale.min.css”文件，我发现以下行：

{display:table;height:auto;padding:100px 0;text-
align:center;color:#fff;background:url(../img/intro-bg.jpg) bottom 
center no-repeat #000;-webkit-background-size:cover;-moz-background-
size:cover;background-size:cover;-o-background-size:cover}

我猜这是设置背景的地方，因为 img 图中的 intro-bg.jpg 是灰度背景图片。但是，当我尝试更改背景时：

background:url(../img/mybackground.jpg)

这行不通！奇怪的是，该站点似乎根本不需要“grayscale.min.css”文件；当我删除所有内容并保存时，我的网站没有任何变化！就像我之前提到的，当我删除该行时，我不明白这一点：

{% load staticfiles %} <link href="{% static 'aboutme/css/grayscale.min.css' %}" rel="stylesheet">

网站确实改变了！

问：如何解决这个问题并更改我网站的背景？

【问题讨论】：

首先，尝试使用 chrome 中的开发人员工具（右键单击->检查）来检查背景图像的来源。其次，我认为 css 正在存储在您的浏览器缓存中。尝试使用插件清除缓存。
@chatuur 非常感谢！清除缓存有效！
如果您对答案感到满意，我将发布相同的答案，请将问题标记为已回答。

标签： html css django twitter-bootstrap

【解决方案1】：

根据浏览器的不同，有时 CSS 文件会缓存在浏览器中。这就是您在 CSS 文件中所做的更改没有得到反映的原因。

大多数浏览器都有可以清除缓存的插件。如果您不想下载插件，Here 是清除 chrome 缓存的指南。

【讨论】：