将图片或div设置为背景

Question

是否有可能使用img属性设置全尺寸背景？ 当我这样使用时没有任何问题。

    <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="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;
}

但是我需要更改图像的亮度。如果我在loginView中更改图像的亮度，它将影响所有具有此内容的对象。 我不知道是否有办法只通过这种方式改变图像的亮度。

我在想没有办法。这就是为什么我要问如何像上述方法一样将<img src="">或<div ></div>为背景？

Answer 1

尝试将其添加到您的CSS文件中：

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