Jump to content

Recommended Posts

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

 

body {

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

}

Share this post


Link to post
Share on other sites
39 минут назад, nova777 сказал:

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

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

 

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

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

/image/zagruzki/fon-sayt.jpg

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

 

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

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

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

  • +1 2

Share this post


Link to post
Share on other sites
19 минут назад, OcAppLab сказал:

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

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

 

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

 

2019-02-14_17-26-44.png

Edited by nova777

Share this post


Link to post
Share on other sites
3 минуты назад, nova777 сказал:

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

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

 

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

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

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

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

/image/zagruzki/fon-sayt.jpg

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

  • +1 2

Share this post


Link to post
Share on other sites
36 минут назад, OcAppLab сказал:

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

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

/image/zagruzki/fon-sayt.jpg

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

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

 

Edited by nova777

Share this post


Link to post
Share on other sites
2 минуты назад, nova777 сказал:

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

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

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

 

Share this post


Link to post
Share on other sites
22 минуты назад, nova777 сказал:

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

 

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

background-color: #EDE9E9;

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

  • +1 1

Share this post


Link to post
Share on other sites
6 минут назад, OcAppLab сказал:

 

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

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

 

body {

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

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

}

 

 

Share this post


Link to post
Share on other sites
7 минут назад, nova777 сказал:

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

 

background-color: #EDE9E9!important;

  • +1 1

Share this post


Link to post
Share on other sites
8 минут назад, OcAppLab сказал:

 

background-color: #EDE9E9!important;

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

 

Share this post


Link to post
Share on other sites
2 минуты назад, nova777 сказал:

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

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

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

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

  • +1 1

Share this post


Link to post
Share on other sites
8 минут назад, OcAppLab сказал:

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

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

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

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

 

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.