javascript - Establecer imagen o div como fondo

¿Es posible establecer un fondo de tamaño completo usando el atributo img? no hay ningún problema cuando lo uso así.

    <ion-content padding="true" class="loginView">
 <div class="header-wrapper">
      <div class="girisimage">
            <h1 ng-click="toKategoriler()" class="cilbil">BUL</h1>
      </div>

      <div class="footer-wrapper">
           <img ng-src="https://stackoverflow.com/questions/39300743/img/kbldlogo.jpg" />
      </div>

</div>

    </ion-content>

.loginView{ 
  background: url('../img/landing.jpg');
  height: auto;
  min-height: 100%; 
  background-repeat: no-repeat;
  background-size: 100% 100%;
  text-align:-webkit-center;
}

pero necesito cambiar el brillo de la imagen. Si cambio su brillo dentro de loginView, afectará a todos los objetos dentro de este contenido como saben. No sé si hay una forma o no de cambiar solo el brillo de la imagen de esta manera.

Estoy pensando que no hay ninguna manera. Por eso pregunto ¿Cómo puedo configurar o

Intenta agregar esto a tu archivo CSS:

body{
 background-image: url('../img/landing.jpg');
}