我会以内联样式加载图像Hormiga.jpg作为幻灯片放映的背景,但属性url没有正确应用。
这是正确加载图像的原始代码:
<div class="parallax-bg" style="background-image:url(./images/nature-1.jpg)" data-swiper-
parallax="-23%"></div>
以上代码不是我的代码。我有以下路径:
- myapp/templates/myapp/index.html
- myapp/static/images/Hormiga.jpg
从index.html正确调用图像,如下所示,但对于css内联样式不起作用…:
"{% static 'images/Hormiga.jpg' %}"
以下不起作用
style="background-image:url"({% static 'images/Hormiga.jpg' %})""
style="background-image:url("{% static 'images/Hormiga.jpg' %}")"
style="background-image:url"(../images/Hormiga.jpg)""
style="background-image:url(images/Hormiga.jpg)"
style="background-image:url(../myapp/static/images/Hormiga.jpg)"
任何帮助都将不胜感激。根是static/images/Hormiga.jpg
感谢
我不确定您使用的静态行是什么,并且您在不需要的地方有引号
如果图像文件夹在同一目录中,请使用此选项
style="background-image:url('./images/Hormiga.jpg')"
如果它在上面的目录中,也可以这样。
style="background-image:url('../images/Hormiga.jpg')"
你好,我检查了你的问题,你的代码很好,但你必须定义宽度和高度,以及它是可见的
<div class="parallax-bg" style="background-image:url(./images/nature-1.jpg); width: 100px; height: 100px;" data-swiper-
parallax="-23%"></div>