CSS 内联样式 - style="background-image:url for local image



我会以内联样式加载图像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>

最新更新