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.
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
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