0

Почему не отображается фоновое изображение страницы?

Цвет фона есть, значит style1.css подключен.

body {
 background-image: url(style/images/bg1.jpg);
 background-color: 51ff44;
}

<html>
 <head>
    <title>
        Repairing phones
    </title>
    <link rel="stylesheet" type="text/css" href="style/style1.css" />
 </head>
 <body>
 </body>
</html>

style.css

index.html

Но если сделать фон в index.html, а не в style1.css, то все работает нормально.

1

<html>
 <head>
 <style>
body {
 background-image: url(style/images/bg1.jpg);
 background-color: 51ff44;
}
</style>
    <title>
        Repairing phones
     </title>
 </head>
 <body>
 </body>
</html>

1 ответ 1

3

Судя по структуре вашего проекта, это происходит, потому что вы пытаетесь подключить фон-картинку из разных папок. Относительно index.html картинка лежит в style/images/, а вот относительно style1.css - в images/

Следовательно в style1.css адрес нужно указать так:

body {
 background-image: url(images/bg1.jpg);
 background-color: 51ff44;
}

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

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