需要将图像修复到页面上的特定位置

Question

我需要将.gif图像修复到我主页上的特定位置。我把图片放在我的HTML中，“位置：固定”没有做我想要的 - 页面内容的其余部分在图片下方滚动。我希望图像始终保持在同一个地方。

声明：我完全不了解HTML & CSS，所以如果这是一个非常简单的问题，我很抱歉。我已经完成了研究，但我没有尝试过似乎有效的方法。

在相关说明中，我的图像根据浏览我的网站的浏览器更改大小。我在此处阅读了另一个问题的答案，您可以通过使用百分比而不是像素格式化对象来弥补该问题，但我试过了，问题依然存在。

其他说明：我使用Chrome作为浏览器，并使用Weebly构建我的网站。我的网站地址是http://www.designartistree.com/，并且图片在大型“Design Artistree”徽标下面的页面中间。

任何初学者友好的建议将不胜感激！谢谢！

这里的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"> 

Answer 1

如果使用position:fixed，元素的相对定位的窗口，所以即使你的滚动，元素不动。

如果您希望它在滚动时移动，请使用position:absolute。

因为你的布局，但，你有两个选择：

• 将在图像内#box
• 删除以下代码：

html{ 
    overflow:hidden; 
    height: 100%; 
    max-height: 100%; 
} 
body { 
    height: 100%; 
    max-height: 100%; 
    width: 100%; 
} 
#box { 
    height: 100%; 
    max-height: 100%; 
    overflow: auto; 
    width: 100%; 
}