2016-09-02 2 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; 
} 

, но мне нужно изменить brightness.If изображения в I изменить его яркость в LoginView, это будет влиять на весь объект жгутов это содержание, как вы знаете. Я не знаю, есть ли способ или нет изменить яркость изображения таким образом.

Я думаю, что нет никакого способа. Вот почему я спрашиваю, как я могу установить <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 .. –

Смежные вопросы