我必须为我的网页添加背景图片,所以我在下面为正文添加了代码 css
body {
font-family: Verdana, Geneva, sans-serif;
font-weight: 400;
color: #666;
font-size: 12px !important;
line-height: 20px;
background-image: url(../resources/img/background_img.jpg);
}
但我必须添加背景图片作为
url(${context}/resources/img/background_img.jpg);
,其中上下文将从 jsp 传递(而不是绝对路径)。 put conext param 不起作用,有没有其他方法或者我做错了。需要帮助
最佳答案
您不能更改您的 css(除非它们是 dynamically generated)。
您可以嵌入 <style>
尽管在每个 jsps 中都使用具有 higher precedence 的 css 代码进行标记所以你可以像这样改变风格:
<head>
.....
<style>
body {
background-image: url(${context}) !important;
}
</style>
.....
</head>
或者您可以使用一些 javascript/jquery 代码来做到这一点:
$( document ).ready(function() {
$('body').css('background-image',$('#bgImage').val());
});
在哪里#bgImage
可以是在您的 jsp 中生成的隐藏字段,例如:
<input type="hidden" id="bgImage" value="${context}"/>
还有其他方法可以做这样的事情,我只是概述了两个......
希望对你有帮助
关于html - 如何将上下文值传递给CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29789991/