Flask中如何从数据库设置元素背景图片?
解决方法
你当前写法的核心问题是CSS属性之间缺少分号,导致浏览器无法正确解析style属性里的样式规则,这才让背景图不生效。
正确的写法应该是:
<div style="background-image: url('{{url_for('static', filename='images/' + Location.image_1)}}'); height: 25vh;"> </div>
另外可以补充几个排查点,确保背景图正常显示:
- 检查
Location.image_1是否返回了正确的图片文件名,你可以查看页面源代码,确认生成的URL是否指向真实存在的图片 - 如果图片显示不全或完全看不到,可添加背景优化属性:
<div style="background-image: url('{{url_for('static', filename='images/' + Location.image_1)}}'); height: 25vh; background-size: cover; background-position: center;"> </div> - 确认该div元素没有被其他CSS规则覆盖background属性
内容的提问来源于stack exchange,提问作者Vracar
相关产品推荐
相关产品推荐

