2016-09-02 125 views
2

是否可以使用img屬性設置fullsize背景? 當我這樣使用時沒有任何問題。設置圖像或div爲背景

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

,但我需要改變圖像的brightness.If我改變它的內loginView亮度,它會影響所有的對象,你知道withing此內容。 我不知道是否有辦法或者不能通過這種方式改變圖像的亮度。

我在想沒有任何辦法。這就是爲什麼我問我如何設置<img src=""><div ></div>作爲背景,就像上面的方式?

+0

很難增加亮度與CSS,如果我理解正確。使圖像變暗(使用覆蓋圖)更容易,但要使圖像變亮,使用Photoshop或Pixlr編輯圖像並更換圖像會更容易。 – s0rfi949

+0

你是對的,但圖像可能動態更新:/也許有任何方式與JavaScript? –

+0

試試這個:http://stackoverflow.com/questions/2644399/brightening-an-image-using-styles-or-javascript – s0rfi949

回答

0

嘗試增加給你的CSS文件:

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

如果我這樣做,所有的對象都會受到影響。我需要用div或img來做到這一點。 –