Html:将图片带到页面前

时间:2016-10-05 16:39:32

标签: html image position

我已经获得了基本Html技能的任务,将我用黄色突出显示的图像带到字体中。

Image of task

从我所看到的,它坐在这个特定类#movie(视频帧)后面,我无法想象我如何将它带到保持绝对位置的字体。

到目前为止,这是我在代码定位和提取图像方面所拥有的:

<p style="width:40px; position:absolute; left:0em; top:30em;" target="_blank" rel="nofollow">

<img src="http://i63.tinypic.com/jv6e7q.png" "style=width:80px; margin-left:50px; margin-top:50px;" target="_blank" rel="nofollow"  ></img> 

</p>

可供使用的html标签是:

a p i strong b u ul ol li h1 h2 h3 img font br

感谢您的建议,感谢您的帮助!非常感谢!

2 个答案:

答案 0 :(得分:0)

您想将z-index属性添加到img

<img src="http://i63.tinypic.com/jv6e7q.png" style="z-index: 10; width:80px; margin-left:50px; margin-top:50px;" target="_blank" rel="nofollow"  ></img>

答案 1 :(得分:0)

检查这里,它正在进行微小修改和使用z-index

看到这个小提琴

<p style="width:40px; position:absolute; left:0em; top:30em;" target="_blank" rel="nofollow">

https://jsfiddle.net/aman9753/owycbkhp/1/