2016-02-06 2 views
0

У меня есть 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

Вы можете добавить фоновое изображение в навигатор, чей 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> 

Я только что создал blank.jpg с изображением по умолчанию при открытии MS Paint. В моем примере я добавил класс no-background в элемент h1. Вместо этого вы добавили бы этот класс в свой навигационный бар.

Смежные вопросы