css 内嵌样式 - style="background-image:url for local image
css inline style - 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 内联样式不起作用...:[=15=]
"{% 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
谢谢
您好,我检查了您的问题,您的代码没有问题,
但是您还必须定义宽度和高度才能使其可见
<div class="parallax-bg" style="background-image:url(./images/nature-1.jpg); width: 100px; height: 100px;" data-swiper-
parallax="-23%"></div>
我不确定你用的这条静态线是什么,你在不需要的地方加了引号
如果图像文件夹在同一目录中,则使用此选项
style="background-image:url('./images/Hormiga.jpg')"
如果在上面的目录中,则为这个。
style="background-image:url('../images/Hormiga.jpg')"
我会通过内联样式加载图像 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 内联样式不起作用...:[=15=]
"{% 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
谢谢
您好,我检查了您的问题,您的代码没有问题, 但是您还必须定义宽度和高度才能使其可见
<div class="parallax-bg" style="background-image:url(./images/nature-1.jpg); width: 100px; height: 100px;" data-swiper-
parallax="-23%"></div>
我不确定你用的这条静态线是什么,你在不需要的地方加了引号
如果图像文件夹在同一目录中,则使用此选项
style="background-image:url('./images/Hormiga.jpg')"
如果在上面的目录中,则为这个。
style="background-image:url('../images/Hormiga.jpg')"