title: Background image like a splash screen
body: <p>I have image 2048x2048px for the splash screen. Using <a href="http://blog.ionic.io/automating-icons-and-splash-screens/" rel="nofollow">this</a> tutorial, i cropped it for different devices. After app loads, it opened a main view (with login page). I need to set background of that image in this view.</p>
  
  <p>But in order to change the image after loading was not noticeable, I need to have the picture was also cut off, as the initial splash screen. How can i do it?</p>
  
  <p>login-view:</p>
  
  <pre><code>&lt;ion-view hide-nav-bar="true" class="login-view"&gt;
    &lt;div class="row"&gt;
      &lt;div class="col"&gt;
        &lt;img class="logo" src="img/logo.png"&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="row"&gt;
      &lt;div class="col"&gt;
        &lt;button class="login-btn button button-block button-dark" ng-click="Login()"&gt;
            {{'Login' | translate }}
        &lt;/button&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/ion-view&gt;
  </code></pre>
  
  <p>my css class for ion-view:</p>
  
  <pre><code>.login-view{
    background-image: url('../img/splash.png') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
  }
  </code></pre>