Установка на фиксированной позиции

Question

Я пытаюсь установить позицию, прикрепленную к изображению я имею в верхней части страницы мобильного зрения

.fixed { 
    position: fixed; 
    } 

это с ионными

<div class="item item-image polygon"> 
    <img src="http://urbanetradio.com/wp-content/uploads/2014/10/banner.jpg" 
     class="fixed"> 
</div> 

вот что мне нужно, но фиксировано

UPDATE

вот JSBin где я прикрепил изображение на задний план, но я не могу видеть изображение http://jsbin.com/puxavoveci/2/edit?html,css,output

Answer 1

CSS:

.fixed{ 
    position: fixed; 
    top: 0; 
    left: 0; 
    right: 0; 
} 

Попробуйте это. Надеюсь это поможет.

Но я предполагаю, что изображение будет только img не получит желаемого результата. Я думаю, вам нужно поместить это изображение в div и сделать его фоновым изображением и дать CSS background-attachment: fixed;

Или, можете ли вы предоставить некоторую скрипту для вашей структуры HTML. Просто хочу, чтобы увидеть его и улучшить свой ответ на более релевантную один

Отредактировано:

CSS:

.fixed { 
    background-image: url('http://urbanetradio.com/wp-content/uploads/2014/10/banner.jpg'); 
    background-attachment: fixed; 
    width: 100%; 
    height: auto; 
    min-height: 400px; 
    background-size: cover; 
    background-position: center; 
    overflow: hidden; 
    background-repeat: no-repeat; 
} 

Правильно ли я с классом я целевой? :) Надеюсь, это сработает.

Answer 2

Попробуйте это. Проверка ошибок.

z-index: -1 сделает его одним слоем ниже остальной части страницы, чтобы другой контент прокручивался поверх него.

.absolute { 
     position: absolute; 
     top:0px; 
     left:0px; 
     width:100%; 
     z-index:-1; 
      } 
    <div class="item item-image polygon"> 
     <img src="http://urbanetradio.com/wp-content/uploads/2014/10/banner.jpg" 
      class="absolute"> 
    </div>