Full Image Background Only on certain views

I am using a method I found on the forum to set the background to full image and setting header to transparent. However, it changes for all views. Is there a way I can make it on certain views?

I am using

CSS:

.bar.bar-light {
  background-color: rgba(255,255,255,.66) !important; /* or transparent, or background:none */

}

.scroll-content {
  overflow: visible !important;

}

.background {
  background-image: url("../img/bkg-4.jpg");
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
}

html

<ion-view class="background">

<ion-nav-bar class="bar-clear">