Can't load body background image


#1

Hello I’m new to ionic and angularjs.My problem is background image didn’t load when I used ion-header and ion-sidebar.

this is my code
css

html,body {
	font-family: 'Raleway', sans-serif;
	background: url('../img/soup/background.jpg') !important;
	background-repeat: no-repeat;
    background-size: 100% auto;
 	padding: ;
    background-color: #f5f5f5;
    height: 100%;
    cursor: url('../img/soup/background.jpg') ,auto;

}

html

<ion-side-menus>
    <ion-side-menu-content>
   <ion-header-bar class="bar bar-header bar-calm">
       
     <button class="button" ng-click="toggleLeft()">Home</button>
      <h1 class="title">My first Ionic</h1>
    </ion-header-bar>
  </ion-side-menu-content>
 
    <ion-side-menu side="left">
    <ion-list>
    <ion-item>Home</ion-item>
  </ion-list>
     <ion-list>
    <ion-item>Facebook</ion-item>
  </ion-list>
     <ion-list>
    <ion-item>Test</ion-item>
  </ion-list>
  </ion-side-menu>
</ion-side-menus>

  <ion-content has-header="true" padding="true">
      <h2>Content</h2>
    </ion-content>

#2

Don’t apply it to the body, try the .view, .pane