2016-09-02 1 views
2

ist es möglich, die Einstellung Fullsize Hintergrund mit img Attribut? gibt es kein Problem, wenn ich so verwende.Set image oder div als Hintergrund

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

aber ich brauche brightness.If Bild zu ändern, die ich ändern es Helligkeit ist innerhalb Loginview, wird es alle Objekt withing diesen Inhalt bewirken, wie Sie wissen. Ich weiß nicht, ob es einen Weg gibt oder nicht, nur die Bildhelligkeit auf diese Weise zu ändern.

Ich denke, dass es keinen Weg gibt. Deshalb frage ich Wie kann ich <img src=""> oder <div ></div> als Hintergrund genau wie oben beschrieben?

+0

es schwierig ist, die Helligkeit mit CSS zu erhöhen, wenn ich das richtig verstehen. Es ist einfacher, ein Bild zu verdunkeln (mit einem Overlay), aber zum Aufhellen wäre es einfacher, das Bild mit Photoshop oder Pixlr zu bearbeiten und dann das Bild zu ersetzen. – s0rfi949

+0

Sie haben Recht, aber die Bilder können dynamisch aktualisiert werden:/Vielleicht gibt es einen Weg mit Javascript? –

+0

versuchen Sie das: http://stackoverflow.com/questions/2644399/brightening-an-image-using-styles-or-javascript – s0rfi949

Antwort

0

versuchen, dies zu Ihrer CSS-Datei hinzufügen:

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

Wenn ich das mag, wird alles Objekt beeinflusst. Ich muss dies mit div oder img tun. –