将文字放在图像上（在这里尝试了其他建议但没有工作）

Question

我正在使用PlanetPress Connect，我正在尝试将文字放在图像上。我已经浏览了这里并尝试了一些例子，但它们没有用。我能得到的最接近的是：

         

投资回报和费用

这会将图像置于顶部，文本位于其下方。有人能帮我吗？

Answer 1

两种方法，如果你知道你想要它，我会更详细地解释它

＆＃13;

＆＃13;

<div class="background">
you can put the image as background
</div>


<div class="test2">
<img src="http://lorempixel.com/400/200/cats">
<p>
or you do it this way
</p>
</div>

＆＃13;

.image h1 {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
}

＆＃13;

＆＃13;

＆＃13;

Answer 2

使用绝对位置可以通过多种方式实现最简单的方法。

float: right

以下是一个示例 - https://jsfiddle.net/ssby4L9c/