Html 一切之上的简单图像（包括帖子）

我在编码方面是个新手，我很想花很多时间在这方面，但现在我真的没有时间。我花了两周的时间试图找出这件事

我在tumblr上做了我的portoflio。我用了一个主题，画面填满了整个屏幕，所以你基本上什么都不能做，只有画面。这很好，我想要这样。但是我想留下一个小纸条，实际上是一张纸条，上面写着：“继续滚动以获取更多”。所以这张便条总是被全尺寸的图片隐藏着

如何移动最上面的便笺图像？在图片上？ 哪种方法最简单

我尝试了一些解决方案，我在这里找到了，但没有一个有效。。。 我原以为不会有问题，但这是我的投资组合，我仍然无法发送，因为这个问题。 非常感谢你的帮助。对不起，我这么笨。

---

这是我的。

您只需将属性z-index:xx添加到图像（或实际上任何您想要的）中即可。此外，还可以将其与绝对位置或固定位置组合

div{宽度：100px；高度：100px；}
.集装箱{
位置：绝对位置；
顶部：0px；
左：0px；
}
格林先生{
位置：相对位置；
左：20px；
顶部：20px；
背景颜色：绿色；
z指数：1；
}
.粉红{
位置：相对位置；
左：80px；
顶部：0px；
背景颜色：粉红色；
z指数：3；
}
http://codepen.io/paulirish/pen/CgAo

---

这里你可以看到各种各样的例子，Tom Wiltzius的功劳我没有tumblr的经验，但是根据你的标签，它看起来像是使用HTML和CSS。当您有一个填满整个屏幕的图像，并且希望在该图像的顶部添加一个图像时，您需要将这两个图像都放在div

容器中，以便为它们提供参考。此
容器
需要具有
位置：相对
，并且图像的样式将与其相对。因此，您的HTML和CSS应该如下所示：

HTML

因此，您的第一幅图像从顶部设置为
0像素
，从左侧设置为
0像素
。这将使其与您创建的用于保存图像的
容器
div相匹配，并将其设置为相同的位置。您的第二个图像是
位置：绝对
到
容器
div，因此它从顶部开始为
30像素
，从左侧开始为
30像素
，并在第一个图像之后加载，因此放置在顶部

干杯
 您好，非常感谢您的帮助，我已经尝试过这个版本，但在某些方面失败了。首先，我想被图片隐藏的东西不是一个简单的图像。这是一个流动的破折号的图像帖子，一个不断变化的图片流，你可以滚动什么，所以我不知道，我怎么能在我的情况下使用这种形式的帖子。我这样试过了，你可以在我上面的页面上看到结果。我实际上无法查看tumblr（我们在我的电脑上为孩子们屏蔽了它）。所以听起来你想做的是把一个图像放在一个
div
上面，这个div恰好是一系列流动的图像。如果是这样的话，您可以去掉上面的imageTwo类，只将样式应用于container和imageOne。流动图像将属于容器
div
，您将使用imageOne放在顶部。我需要一个图像和你的源代码，否则会给你一个更好的答案。谢谢你的帮助，但在我的情况下它似乎仍然不起作用/
<div class="container">
    <img class="imageOne" src="path/url goes here" alt="" />
    <img class="imageTwo" src="path/url goes here" alt="" />
</div>

.container {
    position: relative;
    top: 0px;
    left: 0px;
}
.imageOne {
    position: relative;
    top: 0px;
    left: 0px;
}    
.imageTwo {
    position: absolute;
    top: 30px;
    left: 30px;
}