CSS фоновое изображение не работает должным образом - PullRequest
Новая
       52

CSS фоновое изображение не работает должным образом

0 голосов
/ 09 июня 2019

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

Инструменты разработчика в Chrome и Firefox показывают, что фон изображения установлен и ссылка на изображение работает, но по какой-то причине он не отображается. 

.footer-mold { 
    background: url('http://www.example.com/images/footer-bg.jpg') no-repeat left top;
}

Вот ссылка на сайт - https://www.pamoldremoval.com/blog/.

Ответы [ 2 ]

0 голосов
/ 09 июня 2019

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

например: "пример изображения.jpg" лучше переименовать его в «example-image.jpg» или «example_image.jpg»

0 голосов
/ 09 июня 2019

Высота .footer-mold равна 0, поскольку все внутри является плавающим, и вы ничего не очищаете.

Одним из решений было бы добавление 

.footer-mold::after {
    clear: both;
    display: block;
    content: '';
}

к таблице стилей.

...