html - 如何在html中将文本放在前面

Question

我有网站，图片重叠文本，但我希望它反过来。

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

我得到了它，所以它们都在同一个地方，但到目前为止，图片仍然在最上面我只是厌倦了翻转两行代码的顺序，但这没有任何作用

score 4 · Accepted Answer

relative 您可以使用position创建一个包装器并给出 div absolute position。

.wrapper div {
    position: absolute;
}

进一步阅读：

score 3 · Accepted Answer

添加一些css来设置文本的z索引大于图片

HTML

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

CSS

#text{
    z-index: 1;
}

#image{
    z-index: -1;
}

请注意，您必须定位两个元素才能使 z-index 生效。使用位置：绝对、位置：相对或位置：固定

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

score 3 · Accepted Answer

score 0 · Accepted Answer

您可以在 CSS 中添加z-index: 100;after position: fixed;。

并尝试使用src图像而不是href

score 0 · Accepted Answer

你需要学习如何使用 CSS 的属性：z-index。请记住，您需要赋予position要赋予z-index属性的元素。

5 回答 5