小编ILi*_*ana的帖子

我试图将图像放在文本上方(而不是之前).下面是我到目前为止的代码.我还发布了我得到的结果和我想要实现的结果.我的目标是,当用户悬停<p>我希望在其上方显示图像时,这意味着我需要使用绝对位置,因为我不希望任何东西被移动到其他地方,我只想在文本上方显示图像.

注意:图像没有定义高度,可能更长或更短.

 <div id="wrap" style="position:relative; height: 100px; width: 500px; background: red">
        <img src="img/cat.png" style="position:absolute; ">
        <p style="position:absolute; ">Some text here..</p>
</div>

这是我得到的结果,

这是我渴望的结果.注意:我不想要任何东西被移动,我只想在文本悬停后显示文本,因此我不需要任何东西可以移动到任何地方.

我有一张像这样的桌子

id  |  names  |  value  
1     Vicky       43
2     Erica       23
3     Rueben      33
4     Bob         54
5     Chris       60

然后我根据它们的值按顺序设置它们.现在表格看起来像这样.

id  |  names  |  value  
5     Chris       60
4     Bob         54
1     Vicky       43
3     Rueben      33
2     Erica       23

现在起点是id 5,其名称为Chris,值为60.我的目标是获得id为4且Bob名称为54的下一行.