0

Я написал вроде бы правильно код, но почему браузер не видит мое изображение которое я хочу поставить на фон. Когда хочу отобразить картинка выглядит вот так будто файл

введите сюда описание изображения

Вот мой код

<%@page contentType="text/html" pageEncoding="UTF-8" isELIgnored="false"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
        <link href="style.css" rel="stylesheet">
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
        <link href="../css/style.css" rel="stylesheet" type="text/css">
        <style><%@include file="/css/style.css"%></style>




        <title>Home Page</title>

    </head>

         <body>
             <img class='img' src='<%=request.getContextPath()%>/images/home.jpg'>
         <style>
         html { 
             background-image: url(/images/home.jpg);
             background-repeat: no-repeat;
             background-size: cover;
             position: relative;
             height: 100%;
         }
         </style>

         <nav class="navbar navbar-inverse">
        <div class="container-fluid">
            <div class="navbar-header">
                <a class="navbar-brand" href="#">School</a>
            </div>
            <ul class="nav navbar-nav">
                <li class="active"><a href="#">Главная</a></li>
                <li><a href="#">Наш университет</a></li>
                <li><a href="#">Электронный журнал</a></li>
                <li><a href="#">Студенты</a></li>
                <li><a href="#">Фотогалерея</a></li>
                <li><a href="#">Карьера</a></li>
                <li><a href="#">Контакты</a></li>
            </ul>
            <form class="navbar-form navbar-left" action="/action_page.php">
                <div class="form-group">
                    <input type="text" class="form-control" placeholder="Search" name="search">
                </div>
                <button type="submit" class="btn btn-default">Поиск</button>
            </form>
        </div>
    </nav>

    <div class="container">

    </div>

    <div class="container">

    </div>


    <div class="bg">
        <div class ="pokaz">
            <form action="allStudents" method="post">
                 <input class="btn btn-primary" type="submit" value="Показать всех студентов">
            </form>

        </div>
    </div>
</body>
</html>

введите сюда описание изображения

3
  • в том месте, где вы задаёте адрес background-image используйте <%=request.getContextPath()%> для формирования пути к /images/home.jpg
    – user330578
    16 мая 2019 в 6:53
  • <img class='img' src='<%=request.getContextPath()%>/images/home.jpg'> вот так?
    – damagedd
    16 мая 2019 в 9:00
  • background-image: url("<%=request.getContextPath()%>/images/home.jpg")
    – user330578
    16 мая 2019 в 9:29

1 ответ 1

0

Попробуйте использовать jstl атрибут url:

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<html>
  <body>
    <img class='img' src='<c:url value="/images/home.jpg"/>'>
1
  • не помогло((((9
    – damagedd
    16 мая 2019 в 11:12

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.