如何在html中把文本放在前面

我有一个网站的图片是重叠的文字，但我想它的另一种方式

<p>my text</p>
<img href="picture.jpg">

我把它放在了同一个地方，但是图片仍然在上面。到目前为止，我只是厌倦了翻转两行代码的顺序，但是没有做任何事情。

使用z index属性 这里有一个链接会有所帮助

您可以添加z索引：100；后位：固定；在你的CSS中

---

并尝试将src用于image而不是href

您可以使用relative创建一个包装，并将div设置为absolute

进一步阅读：

另一种选择：

---

添加一些css将文本的z索引设置为大于图像

HTML

注意，必须定位这两个元素才能使z索引生效。使用位置：绝对、位置：相对或位置：固定

---

编辑：Rahul正确地指出了使用href而不是src的原始代码。更新为src是更好的实践

您需要学习如何使用CSS名为：z-index的属性。请记住，您需要为要赋予z-index属性的元素指定位置。

href是img元素的无效属性。改用src。由于p元素是块级元素，因此需要更改图像的位置以实现此目的。您没有提供足够的HTML/CSS来帮助您。张贴一个实际可复制的示例。如果您发布一个JSFIDLE链接，效果会更好。JSFIDLE Demo是键盘上的一个键吗不过，我还是喜欢。@HashemQolami:这不是我的主意。。最近，这一点变得非常普遍：不要对图像使用href属性。相反，尝试使用src！！！很好。更新。谢谢

.wrapper div {
    position: absolute;
}

<p id="text">my text</p>
<img id="image" src="picture.jpg">

#text{
    z-index: 1;
}

#image{
    z-index: -1;
}