我有一个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>
如何将导航栏保留在页面上并将图像添加到身体的其余部分。 请帮我解决这个问题。
答案 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
元素中。您可以将此类添加到导航栏。