Question

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

我现在想要的是通过更改默认背景来个性化此引导主题。＆＃34;灰度＆＃34;主题css是这样的：

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

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

查看＆＃34; grayscale.min.css＆＃34;文件，我找到以下行：

{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)

它不起作用！奇怪的是，网站似乎并不需要＆＃34; grayscale.min.css＆＃34;档案;当我删除所有内容并保存时，我的网站没有任何变化！我没有得到这个，就像我之前提到的那样，当我删除这一行时：

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

网站会更改！

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

Answer 1

根据浏览器的不同，有时CSS文件会缓存在浏览器中。这就是为什么你在CSS文件中所做的更改没有被反映出来的原因。

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

更改bootstrap模板的网站背景

1 个答案: