几天来我一直在寻找这个问题的答案，但似乎找不到解决方案。下面是我试图实现的示例，但是没有显示图像。目标是拥有覆盖整个页面的响应式图像。
<div class="col-md-12 img-responsive"
style="background-image:url(<c:url value='/resources/img/abstract-ice.jpeg' />);">
据我所知，这应该可行，我已经实现了资源映射并且正在运行，我可以通过导航到 url 并显示图像来判断这一点。
将此标签放入带有 background 的 body 元素时属性它显示图像但没有响应并根据需要剪切图像。我已经尝试使用 Bootstrap 和我自己的 css 对其进行样式设置，但我所做的任何事情都不会改变/完全删除图像。
此网址也适用于 <img>标签，否则我无法轻松覆盖其他元素。
最终我的问题是如何使用纯 css 让 div 元素接受此 url 作为背景图像？
我们欢迎任何建议/以往的经验。
HTML代码
<body background="">
<div class="container-fluid">
<div class="row">
<div class="col-md-12 header_bar">
<div class="col-md-6 text-left">
<a href="#" class="nav_login">Home</a>
</div>
<div class="col-md-6 text-right">
<a href="#" class="nav_login">log in</a>
</div>
</div>
</div>
</div>
<div class="container-fluid">
<div class="row">
<div class="col-md-12 img-responsive" style="background-image:url(<c:url value='/resources/img/abstract-ice.jpeg' />);">
</div>
</div>
</div>
最佳答案
给div写一个class，写css。为响应设置宽度和高度。删除 Bootstrap 类“img-responsive”。
即
HTML:
<div class="yourclassname">
CSS:
.yourclassname
{
background-image:<c:url value="/resources/img/abstract-ice.jpeg" />
width: 100%;
height: auto;
}
关于html - 是否可以将背景图像添加到 JSP 页面上的 <div> 元素？ - Spring ，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/43115487/