2016-09-02 11 views
2

img属性を使用してフルサイズの背景を設定することは可能でしょうか? このように使うと問題はありません。画像または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; 
} 

が、私はそれがloginView内の明るさです変更画像のbrightness.Ifを変更する必要があり、あなたが知っているように、それはこのコンテンツwithingすべてのオブジェクトに影響します。 この方法で画像の明るさのみを変更する方法があるかどうかわかりません。

私は、方法がないと思っています。なぜ、上記のように背景として<img src="">または<div ></div>を設定するにはどうすればよいですか?あなたのCSSファイルにこれを追加すること

+0

それは私が正しく理解していれば、CSSで明るさを増大させることは困難です。イメージを(オーバーレイを使用して)暗くするのが簡単ですが、明るくするには、PhotoshopまたはPixlrでイメージを編集してからイメージを置き換える方が簡単です。 – s0rfi949

+0

あなたは正しいですが、画像は動的に更新されるかもしれません:/多分、JavaScriptの方法はありますか? –

+0

これを試してください:http://stackoverflow.com/questions/2644399/brightening-an-image-using-styles-or-javascript – s0rfi949

答えて

0

試してみてください。

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

私がこれを好きなら、すべてのオブジェクトが有効になります。私はdivやimgでこれを行う必要があります.. –

関連する問題