设置位置固定

Question

我正在设置一个固定在移动视图页面顶部的图像的位置

git checkout master

这是与Ionic

  .fixed {
    position: fixed;
  }

这是我需要的，但已修复

更新

这是一个JSBin，我将图像附加到背景，但我看不到图像http://jsbin.com/puxavoveci/2/edit?html,css,output

Answer 1

CSS：

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

试试这个。希望这会有所帮助。

但我想将图片仅设为img并不能获得所需的输出。我认为您需要将该图片放在div中，并将其设为背景图片并提供background-attachment: fixed;的CSS

或者，你能为你的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会使其低于页面其余部分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>