据我所知,这应该可行,我已经实现了资源映射并且正在运行-6ren">
gpt4 book ai didi

html - 是否可以将背景图像添加到 JSP 页面上的
元素? - Spring

转载 作者:太空宇宙 更新时间:2023-11-04 01:52:54 26 4
gpt4 key购买 nike

几天来我一直在寻找这个问题的答案,但似乎找不到解决方案。下面是我试图实现的示例,但是没有显示图像。目标是拥有覆盖整个页面的响应式图像。

<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/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com