Background image, problems

1

Hi guys

On my home view I have this background image and it looks fine, but, I have a List View component too in the same view, but, doesen’t show it.

ejemplo_home1
ejemplo_home1334×590 121 KB

The html file

<div class="page" data-name="home">
   <img class="img_home" src="img/BackGroundDefault.png"> 
  <!-- NavBar -->
  <div class="navbar navbar-transparent">
    <div class="navbar-bg"></div>   
    <div class="navbar-inner">
      <div class="left">

      </div>
      <div class="title navbar-tipo-letra"></div> 
    </div>
  </div>
  <!-- Bottom Toolbar -->
  <div class="toolbar toolbar-bottom toolbar-custom">
    <div class="toolbar-inner">
      <!-- Toolbar links -->
      <a href="#" class="link my-link.active-state">
        <i class="icon f7-icons">start</i>
        <span>Inicio</span>
      </a>
      <a href="/settings/" class="link">
        <i class="icon f7-icons color-white">gear_alt</i>
        <span class="my-color-off">Configurar</span>
      </a>
    </div>
  </div>

  <div class="page-content">
    <div class="list" id="lista-torneos">
      <div class="block">
        <div class="row">
          <div class="img_torneo"><img src="http://.com.mx/MiScore/Imagenes/Torneo_1_1_2.png"/></div>
         </div>
      </div>
    </div>
  </div>
</div>

I changed the background image on the first line html file

<div class="page img_home" data-name="home">

Now, the background image doesen’t show complete, but I can see the List View component

ejemplo_home2
ejemplo_home2330×584 63.3 KB

CSS

.img_home{
    width: 100%;
    height: 100%;
    background: url('../img/BackGroundDefault.png');
}

I want tho see the background image complete and I want to see the List View too, so what’s wrong?

Regards

2

Try with background-size: cover

5

Fernando … in addition to, I have another error…

Instead to use background : , I have to use background-image;

Both are the solution, thanks (viva Maradona!!!)

Thanks.

1 Like