Question

我想要放置一个左右固定的图像，我不知道为什么正确的图像只有在没有固定时才会向右移动。这是我的代码：

<img src="img/leftImage.jpg" id="leftImage" />
<img src="img/rightImage.jpg" id="rightImage" />

和我的css：

#leftImage{
  left: 0;
  width: 150px;
  height: 100%;
  position: fixed;
}

#rightImage{
  right: 0;
  width: 150px;
  height: 100%;
  position: fixed;
}

任何人都可以帮我吗？谢谢！

修改

这是我的index.html：

<body ng-cloak>
    <img src="img/leftImage.jpg" id="leftImage" />
    <div id="homescreen" class="container">
        <div ui-view></div>
    </div>
    <img src="img/rightImage.jpg" id="rightImage" />
    <footer></footer>
</body>

和我拥有的CSS：

body {
  background: url(/img/background.jpg) repeat fixed;
  background-position-y: -50px;
  background-position-x: -50px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#homescreen {
  margin-top: 150px;
}

container是一个bootstrap类。

Answer 1

您忘记添加top

的值

做这样的事情：

#leftImage {
  top: 20px; /* your required value */
  left: 0;
  width: 150px;
  height: 100%;
  position: fixed;
}

#rightImage {
  top: 20px; /* your required value */
  right: 0;
  width: 150px;
  height: 100%;
  position: fixed;
}

用css左右固定图像位置

1 个答案: