Html：将图像带到页面前面答案

【问题标题】：Html: Bring Image to front of pageHtml：将图像带到页面前面
【发布时间】：2016-10-05 16:39:32
【问题描述】：

我的基本 Html 技能被授予任务，将我以黄色突出显示的图像带入字体。

据我所见，它位于这个特定的类#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

感谢您的帮助！将不胜感激！

【问题讨论】：

标签： html image position

【解决方案1】：

您想将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>

【讨论】：

感谢您提供此信息，但将 z-index 添加到此属性会完全从网页中删除此属性。还有其他建议吗？
编辑：这个视频框没有索引，不是来自可见的内容。

【解决方案2】：

检查这里，它正在对 z-index 进行少量修改和使用

看这个小提琴

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

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

【讨论】：

谢谢你的上述。我知道它正在工作，它实际上出现在页面上的任何地方，除了特定窗口上方。我已经厌倦了前人提到的 z-index，但我找不到正确的 z-index（使用 firefox 开发工具），或者即使存在..