我刚刚在这里覆盖了引导程序,并确保它是从我的本地css中提取的,对它的任何其他更改都有效,但当我尝试插入背景图像时,只有localhost url才能使图像有效,如果我指定本地路径,它就不会。我尝试了所有的变体,也有静态的背景图像:url("{%static'公文包/瀑布.jpg‘%}"(;我正在使用Django,之前我的设置出现了问题。py-这会是原因吗??谢谢#设置.py
STATIC_URL = '/static/'
MEDIA_ROOT = BASE_DIR / 'media'
MEDIA_URL = '/media/'
#这是jumbotron,我想了解的背景
<section class="jumbotron text-center">
<div class="container">
<h1>Album example</h1>
<p class="lead text-muted">Something short and leading about the collection below—its contents, the
creator, etc. Make it short and sweet, but not too short so folks don’t simply skip over it entirely.
</p>
<p>
<a href="#" class="btn btn-primary my-2">Main call to action</a>
<a href="#" class="btn btn-secondary my-2">Secondary action</a>
</p>
</div>
</section>
#和自定义.css
.jumbotron {
padding: 2rem 1rem;
margin-bottom: 2rem;
background-color: #c5b8b8;
border-radius: .3rem;
background-image:
url("media/portfolio/images/foster-s-home-for-imaginary-friends-fosters-home-for-imaginary-friends-_ER46ne1.jpg");
background-repeat: no-repeat;
background-position: bottom center;
background-size: cover;
}
图片地址错误,正确为https://commons.wikimedia.org/wiki/File:Image_created_with_a_mobile_phone.png
阅读许可证以及可用的大小和格式,然后下载并在服务器上保存适用于您的网站的相应版本的文件。使用到特定版本的直接链接是可能的,但滥用wiki传输是不礼貌的。
edit
您是否在元声明中的引导之后插入了自定义css
如果url和订单不是罪魁祸首,那么坏消息是——问题更大,而且依赖于引导程序
好吧,使用https://validator.w3.org/unicorn/以及浏览器中的开发工具,以找出的原因