Question

我必须为我的网页添加背景图片，所以我在下面添加了代码css for body

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（$ {上下文} /resources/img/background_img.jpg）;

，其中将从jsp（而不是绝对路径）传递上下文。把conext param不起作用，有没有其他替代方法或我做错了。需要帮助

Answer 1

你不能改变你的CSS（除非它们是dynamically generated）。您可以在每个jsps中嵌入<style>标记，其中css代码为higher precedence，因此您可以更改样式：

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

还有其他方法可以做到这一点，我刚刚概述了两个......

希望这有帮助

如何将上下文值传递给css

1 个答案: