Question

我需要将.gif图像修复到我主页上的特定位置。我已经将图像放在我的HTML中了，“position：fixed”没有按照我想要的方式进行 - 页面的其余内容在图像下方滚动。我希望图像始终保持在同一个地方。

免责声明：我几乎不了解HTML＆amp; 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%;
}

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

1 个答案: