Django中CSS加载background url('')问题

摘要:
Django中CSS加载backgroundurl('')问题在django中,默认CSS中如果有backgroundurl这类的属性,会被django当成URL来解析这样会造成找不到该文件的问题。
Django中CSS加载background url('')问题
在django中, 默认CSS中如果有 background url('images/a.jpg') 这类的属性,会被django当成URL来解析
这样会造成找不到该文件的问题。
所以为了解决这个问题,首先需要配置setting.py, 配置STATICFILES_DIRS
STATICFILES_DIRS = (
    os.path.join(BASE_DIR, 'static'),
)
然后把需要引用的文件放入static目录
然后在html文件夹中,开头加入
{% load staticfiles %}
在需要引用图片的时候,把以前的写法
background url('images/a.jpg')
或
background='images/a.jpg'
改成
{% static "images/a.jpg" %}
即可

免责声明:文章转载自《Django中CSS加载background url('')问题》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇堆优DIJ模板Android 中如何计算 App 的启动时间?下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

CSS兼容IE6,IE7,FF的技巧

一、CSS HACK以下两种方法几乎能解决现今所有HACK.翻阅很多资料,已测试可以使用。 1, !important 随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.) PLAIN TEXTCSS: #wrapper{ 100px!important; /* IE7+FF...

CSS之使用display:inline-block来布局及浮动和inline-block的区别作用

https://www.cnblogs.com/Ry-yuan/p/6848197.html css之display:inline-block布局 1.解释一下display的几个常用的属性值,inline , block, inline-block inline(行内元素): 使元素变成行内元素,拥有行内元素的特性,即可以与其他行内元素共享一行,不会...

css flex经典三大布局:垂直居中,两列等高,自适应宽

用flex实现css里的三大经典布局,不需要额外很多代码。 1,垂直居中 :子元素在父元素中,水平垂直居中。justify-content:center设置水平方向居中,align-center设置垂直方向居中。 <div id="parent"> <div id="child"></div> </di...

IIS网站服务器性能优化指南(转载)

原文网址:http://www.phontol.com/20090507_419416_1.htmlWindows Server自带的互联网信息服务器(Internet Information Server,IIS)是架设网站服务器的常用工具,它是一个既简单而又麻烦的东西,新手都可以使用IIS架设一个像模像样的Web站点来,但配置、优化IIS的性能,使得网...

在css使用自定义字体

在css文件中通过@font-face自定义字体,src 为字体文件的相对路径。 @font-face { font-family: "LED";//为字体取名字 src: url("fonts/HD_UnidreamLED.ttf") format('truetype');//字体文件 } //在样式中使用该字体 .led { font-size:50...

2018网易前端实习面试总结

一面: 1.双向绑定的原理,用js原生怎么写? //3种方法的源码 https://github.com/WilberTian/Two-way-data-binding.git 2.解决跨域问题的方法 3.Ajax的过程 4.http如何判断那个浏览器访问 user-agent 5.content-type的类型,你用过那些 application/x-...