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

Question

我有网站，图片已经翻过文字，但我想要反过来。

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

我得到它所以两个在同一个地方，但图片仍然在顶部到目前为止我只是累了翻转两行代码的顺序，但没有做任何事

Answer 1

您可以使用relative position创建包装，并为div absolute position提供。

.wrapper div {
    position: absolute;
}

jsFiddle Demo

进一步阅读：

1. Learn CSS Positioning in Ten Steps
2. 另一种选择：z-index

Answer 2

添加一些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生效。使用position：absolute，position：relative，或position：fixed

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

Answer 3

使用z index属性 这是一个有用的链接 http://www.w3schools.com/cssref/pr_pos_z-index.asp

Answer 4

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

尝试使用src代替href

Answer 5

您需要学习如何使用名为z-index的CSS属性。请记住，您需要将position提供给您要提供z-index属性的元素。