Не работает background-image

[DmiUr]

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

Попробовал прописать его как простой img уже в html - картинка не отобразилась, только маленький квадрат с крестиком. Подскажите, в чем причина в совокупности такого поведения изображения.

[npofopr]

Экстрасенсы возможно попозже подойдут.

Но, видимо, пути не правильно прописываете.

[DmiUr]

Причем тут экстрасенсы? Сказали так, наверное, потому что я код не выложил. Вот он:

body
{background-image:url(images/bg.jpg);}

Попробовал потренироваться поверстав другой макет - та же история - ничего не оторажается в качестве картинки фона, хотя цвет в качестве фона при желании отображается. 

Я background-image начинаю верстать в самом начале верстки страницы, когда на ней ничего нет. Может быть так нельзя делать и именно поэтому ничего не отображается? 

Edited August 10, 2016 by DmiUr

[npofopr]

а в body есть что то? или его высота = 0?

https://htmlforum.ru/topic/44936-pomogite-mne-s-—-kak-pravilno-oformit-voprosproblemu/

[DmiUr]

Нет, в body нет ничего. 

[npofopr]

А вы Инспектором кода вообще пользуетесь?

[vladmih]

  On 8/10/2016 at 6:58 AM, DmiUr said:

Причем тут экстрасенсы? Сказали так, наверное, потому что я код не выложил. Вот он:

body
{background-image:url(images/bg.jpg);}

Попробовал потренироваться поверстав другой макет - та же история - ничего не оторажается в качестве картинки фона, хотя цвет в качестве фона при желании отображается. 

Я background-image начинаю верстать в самом начале верстки страницы, когда на ней ничего нет. Может быть так нельзя делать и именно поэтому ничего не отображается? 

Expand  

Это не может не работать...
Смотрите скорее всего у вас урл не правильный
если css и images в разных папках, то урл должен быть такой
background-image:url(../images/bg.jpg)

background-image:url(images/bg.jpg) - этот урл ищет папку images в папке с вашими css файлами. А она скорее всего выше ваших стилей

[DmiUr]

  On 8/10/2016 at 7:40 AM, npofopr said:

А вы Инспектором кода вообще пользуетесь?

Expand  

Если честно, я даже не знаю, что это такое. 

  On 8/10/2016 at 7:40 AM, vladmih said:

background-image:url(../images/bg.jpg)

Expand  

Попробовал - не помогло. К тому же у меня нет отдельной папки для CSS, а сам CSS-файл только один. 

Попробовал ввести слово простое печатное, почему-то тоже не отображается... 

[npofopr]

Посмотрите какие-нибудь уроки по вёрстке. 
Начните с самых начальных. 

Инспектор кода, это то, что по Ф12 обычно открывается. Фаербаг, DevTools его ещё называют. Там очень просто найти вашу ошибку. 

[DmiUr]

Я не настолько плохо разбираюсь в верстке, а вот указать причину этих глюков вы так и не смогли. Но все равно спасибо за внимание и попытку помочь. 

Edited August 10, 2016 by DmiUr

[klierik]

  On 8/10/2016 at 6:58 AM, DmiUr said:

Причем тут экстрасенсы?

Expand  

При том что перед созданием темы форум тебе выдал сообщение как правильно оформить тему что бы было понятно о чём вообще идёт реч. С твоей же стороны ничего такого сделано не было, о чем вообще речь — да без понятия. Проблем из-за чего это может возникать — много. А потому тут помогут только экстрасенсы.

По теме.

  On 8/10/2016 at 6:58 AM, DmiUr said:

body
{background-image:url(images/bg.jpg);}

 

Expand  

Тут все правильно записано, картинка должна отображаться. Или смотри консоль браузера

[DmiUr]

Я очень извиняюсь.  Я искренне не понимаю, старался написать так, чтобы было понятно со стороны, что сделал не так, объясните как правильно. 

Почему же тогда не отображается?

[npofopr]

  On 8/10/2016 at 8:12 AM, DmiUr said:

Я очень извиняюсь.  Я искренне не понимаю, старался написать так, чтобы было понятно со стороны, что сделал не так, объясните как правильно. 

Почему же тогда не отображается?

Expand  

А предложение правильно оформить свой вопрос вы игнорируете? 

Сравнивайте https://jsfiddle.net/npofopr/6kkpx8ys/

Ищите ошибку. 

Если у вас всё также, то вы указываете неверный путь в файлу.

Ну и осваивайте DevTools

[DmiUr]

  On 8/10/2016 at 8:26 AM, npofopr said:

А предложение правильно оформить свой вопрос вы игнорируете? 

Expand  

Нет. 

 

 

 

[kent]

Если Ваша верстка на сервере залита, дайте просто ссылку и тогда точно дадут правильный ответ

[DmiUr]

Теперь я понял в чем причина - она даже не в верстке была.. Глюки какие-то: картинки извлеченные из фотошопа посредством опции "быстрый экспорт в PNG" не хотели отображаться вообще никак, даже как простая картинка. Скачал из изображение из интернета - сразу все заработало. Так же попробовал извлекать объекты из Photoshop по-другому - вырезая - тоже все работает. 

Edited August 11, 2016 by DmiUr