Фон сайта в виде фото

[nova777]

Здравствуйте! Помогите пожалуйста, хочу сделать фон сайта в виде фото, что-то не получается. Что я пишу не так? путь не так надо указывать?

 

body {

    background-image: url(image/zagruzki/fon-sayt.jpg); /* /image/zagruzki/fon-sayt.jpg */ 
    background-color: #EDE9E9; /* серый */

}

[OCappLab]

39 минут назад, nova777 сказал:

background-image: url(image/zagruzki/fon-sayt.jpg);

У Вас по какому пути лежит файл css, где вставляется этот фон?

 

Если у Вас папка с изображениями лежит в корне сайта, тогда

41 минуту назад, nova777 сказал:

/image/zagruzki/fon-sayt.jpg

Вот такой вид будет работать.

 

Если у Вас папка с изображениями не в корне, тогда или напишите полный путь относительно корня сайта или напишите путь относительно папки со стилями, например:

../image/zagruzki/fon-sayt.jpg

В приведенном выше примере папка с изображениями должна быть на один уровень выше от файла стилей.

[nova777]

19 минут назад, OcAppLab сказал:

У Вас по какому пути лежит файл css, где вставляется этот фон?

Папка /image лежит в корне сайта.

 

Этот код я вставляю в "Свой CSS код", который есть в шаблоне сайта.

 

Змінено 14 лютого 2019 користувачем nova777

[OCappLab]

3 минуты назад, nova777 сказал:

Этот код я вставляю в "Свой CSS код", который есть в шаблоне сайта.

Напишите в тех поддержку шаблона, Вам должны помочь с этим решением!

 

4 минуты назад, nova777 сказал:

Папка /image лежит в корне сайта.

Попробуйте указать:

23 минуты назад, OcAppLab сказал:

/image/zagruzki/fon-sayt.jpg

Должно помочь

[nova777]

36 минут назад, OcAppLab сказал:

Попробуйте указать:

1 час назад, OcAppLab сказал:

/image/zagruzki/fon-sayt.jpg

Должно помочь

вы имеете ввиду здесь впереди слэш поставить url(image/zagruzki/fon-sayt.jpg);?

 

Змінено 14 лютого 2019 користувачем nova777

[nova777]

2 минуты назад, nova777 сказал:

Должно помочь

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

Перед загрузкой фото, чтобы другой цвет отображался, что нужно прописать?

 

[OCappLab]

22 минуты назад, nova777 сказал:

Перед загрузкой фото, чтобы другой цвет отображался, что нужно прописать?

 

1 час назад, nova777 сказал:

background-color: #EDE9E9;

!important пропишите после цвета и должно помочь.

[nova777]

6 минут назад, OcAppLab сказал:

 

!important пропишите после цвета и должно помочь.

Вот так написала, не помогло.

 

body {

    background-image: url(/image/zagruzki/fon-sayt.jpg); /* /image/zagruzki/fon-sayt.jpg */

    background-color: #EDE9E9; /* серый */!important

}

 

 

[OCappLab]

7 минут назад, nova777 сказал:

background-color: #EDE9E9; /* серый */!important

 

background-color: #EDE9E9!important;

[nova777]

8 минут назад, OcAppLab сказал:

 

background-color: #EDE9E9!important;

Сделала. Теперь почему то сначала серый фон загружается, потом черный, потом фото...

 

[OCappLab]

2 минуты назад, nova777 сказал:

Теперь почему то сначала серый фон загружается, потом черный, потом фото...

У Вас картинка на черном фоне?

Возможно картинка просто большого размера и из-за этого получается черный фон.

Судя из того, что картинка загружается долго, я бы посоветовал ее уменьшить, не в размерах, а в весе, чтоб грузилась быстрее. Тогда не будет ни каких видимых скачков с цветами.

[nova777]

8 минут назад, OcAppLab сказал:

У Вас картинка на черном фоне?

Возможно картинка просто большого размера и из-за этого получается черный фон.

Судя из того, что картинка загружается долго, я бы посоветовал ее уменьшить, не в размерах, а в весе, чтоб грузилась быстрее. Тогда не будет ни каких видимых скачков с цветами.

Да, скорее всего на черном. Хорошо, попробую уменьшить вес. Спасибо вам большое за помощь!!!