Question

所以我有一张想要在我页面左下方的图片。如果页面底部在加载时不可见，我希望用户必须向下滚动才能看到它。每当我试图查看时，每个人都希望他们的图像与用户一起滚动，这不是我想要的。

这是我目前的.css

#backgroundImageOne{
  position: absolute;
  bottom: 0px;
  left: 0px;
}

然后我在我的布局中实现它：

<body>
  <div style="height:100%">
    <div id="placeHolder">
      <div id="backgroundImageOne">
        <img src="/images/background1.png"
      </div>
    </div>
   .
   .
   .
</body>

任何有关如何让它始终位于页面底部的帮助或提示将非常有帮助。感谢。

Answer 1

使用css将position: relative;设置为正文。这应该有用。

Answer 2

#backgroundImageOne{
  position: fixed;
  bottom: 0px;
  left: 0px;
}

<div id="backgroundImageOne">
    <img src="/images/background1.png">
</div>

滚动时将图像强制到页面底部（不向用户滚动）

2 个答案: