Html 需要将图像固定到页面上的特定位置

我需要将.gif图像固定到主页上的特定位置。我已经将图像放在HTML中，而“position:fixed”并不能满足我的需要——页面的其余内容在图像下方滚动。我希望图像始终保持在同一位置

免责声明：我对HTML和CSS几乎一无所知，如果这是一个非常简单的问题，我深表歉意。我做过研究，但我试过的似乎都不管用

另一个相关的注意事项是，我的图像大小会根据我在哪个浏览器中查看我的站点而变化。我读到这里是为了回答另一个问题，你可以用百分比而不是像素来格式化你的对象，但我试过了，问题仍然存在

其他注意事项：我使用Chrome作为浏览器，正在使用Weebly构建我的网站。我的网站地址是和图片中的带子在中间的页面下方的大“设计艺术”标志。 任何初学者友好的建议将不胜感激！谢谢大家!

以下是我对图像的html代码：

<img src="/files/theme/ribbon.gif" alt="ribbon" style="position:fixed; margin-left:27.6%; margin-top:61%; width:63.7%; height:10%; z-index:50; visibility:show">

---

如果使用

位置：fixed

，元素相对于窗口定位，因此即使滚动，元素也不会移动

如果要在滚动时移动，请使用

position:absolute

但由于您的布局，您有两种选择：

• 将图像放入

  #框中

• 删除以下代码：

html{
溢出：隐藏；
身高：100%；
最大高度：100%；
}
身体{
身高：100%；
最大高度：100%；
宽度：100%；
}
#盒子{
身高：100%；
最大高度：100%；
溢出：自动；
宽度：100%；
}

非常感谢您！我花了好几个小时想弄明白。我已经试过position:absolute，但我需要做的是把图像也放在盒子里。