在JSP中添加图像作为背景

时间:2016-02-06 12:02:27

标签: html jsp

我有一个JSP,我正在尝试添加背景图像。我从头部进入导航栏进入身体。我正在尝试将背景图像添加到正文中,当我添加它时,它在导航栏上重叠。以下是我的JSP代码:

<jsp:include page="index_header.jsp"></jsp:include>
   <div class="container"> 
       <div style='position:absolute;zindex:0;left:0;top:0;width:100%;height:100%'>
           <img src='images/im3.jpg' style='width:100%;height:100%' alt='[]' />
       </div>
   </div>

如何将导航栏保留在页面上并将图像添加到身体的其余部分。 请帮我解决这个问题。

1 个答案:

答案 0 :(得分:3)

您可以将背景图片添加到其URL指向空白图像的导航栏。

<html>
<head>
<style>
body {
    background-image: url("images/im3.jpg");
}
.no-background {
    background-image: url("images/blank.jpg");
}
</style>
</head>
<body>
<h1 class="no-background">Hello World!</h1>
</body>
</html>

我刚打开MS Paint时使用默认图像创建了 blank.jpg 。 在我的示例中,我已将无背景类添加到h1元素中。您可以将此类添加到导航栏。