通过 thymeleaf 中的 css 设置背景图像不起作用
我使用以下 css 格式在表单提交时显示加载面板，并且我已将 gif 图像存储在 \src\main\resources\static 中，但是 html div 没有拾取图像，它需要所有其他图像除图像之外的 css 格式。我参考了以下 SOF 链接，但提到的解决方案不起作用。有人遇到过类似的问题吗？
如何在 thymeleaf 中设置 css 文件的背景 url？< /a>
<style >
#loader {
display: none;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
background: rgba(0,0,0,0.75) url([[@{/loading2.gif}]]) no-repeat center center;
z-index: 10000;
}
</style>
I'm using following css formatting to display a loading panel on form submission, and I have stored the gif image in \src\main\resources\static , but the the html div is not picking up the image, it takes all the other css formattings except the image. I have referred the following SOF link, but the mentioned solutions are not working. any one came across similar issue?
How to set background url for css files in thymeleaf?
<style >
#loader {
display: none;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
background: rgba(0,0,0,0.75) url([[@{/loading2.gif}]]) no-repeat center center;
z-index: 10000;
}
</style>
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
您已设置
display: none;- 因此元素（包括背景图像）是不可见的。摆脱这个财产。否则看起来不错。
You've set
display: none;- therefore an element, including background image, is invisible. Get rid of this property.Otherwise it looks good.