Добавление изображения из CSS

Question

Я пытался добавить изображение в div нижнего колонтитула, но ничего не получается, это то, что я пробовал:

html:

<footer>
 <div class="imagenFooter" style="background-image: url(&quot;./images/footer-bg.jpg&quot;);"></div>
 <div class="footer-fluid" itemscope="" >
  <div class="container">
   <img class="logo_footer" alt=""><span class="direccionFooter" itemprop="address"></span>
   <nav class="enlacesFooter">

предполагается, что изображение должно быть показано в изображенииНижний колонтитул, я пробовал это в CSS, но не работает.

.imagenFooter {
    background-image: url('/images/footer-bg.jpg');
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
} 

Я должен добавить изображение только из CSS.Я ценю помощь ..

Answer 1

Вы не увидите изображение, потому что в вашем <div> нет содержимого, поэтому попробуйте добавить отступы (поиграйте со значением, потому что я не знаю размер вашего изображения), и не забудьтедобавьте !important, чтобы переопределить изображение в вашем HTML, попробуйте фрагмент кода ниже:

.imagenFooter {
    background-image: url('https://via.placeholder.com/500x100')!important;
    padding-top: 20%;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
} 

<footer>
 <div class="imagenFooter" style="background-image: url(&quot;./images/footer-bg.jpg&quot;);"></div>
 </footer>

Answer 2

Удалить

 display: none:

С дисплеем: никто ничего не увидит