html - 如何将上下文值传递给CSS

标签 html css jsp

我必须为我的网页添加背景图片,所以我在下面为正文添加了代码 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/

相关文章:

javascript - 如何为 ASP.net 中的用户控件添加可使用控件 ID 调用的 JavaScript 函数

javascript - 语言学习游戏 - 如何对对象中的单词进行分类

jquery - 我应该如何解决这个 css-hack 问题?

css - SASS 中@extend-only 选择器(占位符)的范围

html - 为什么两列内容会发生冲突,即使它们是 block 元素?

html - 粘性页脚在横向方向中断

css - 嵌套的第一个类型和第一个字母

java - 解析字符串内的变量 - JSTL?

javascript - 为应用程序创建 session 超时

java - 如何将自定义变量保存到 Java 中的 Struts 应用程序的请求中?