html – Z-index不工作img元素隐藏在父div之后

概述我需要将img元素(以及有关项目的其他相关信息)放在div的右下角,类为“projectItem green”. 定位工作正常,但我不能让两个父div下的img元素在屏幕上可见.元素突出显示实际上突出显示元素,但您只能看到不可见元素周围的网格. 我试图将该z-index与img元素一起使用而不是div.我还尝试将display：block参数添加到img元素并在那里使用z-index. 任何指针都 @H_403_6@ 我需要将img元素(以及有关项目的其他相关信息)放在div的右下角,类为“projectItem green”.

定位工作正常,但我不能让两个父div下的img元素在屏幕上可见.元素突出显示实际上突出显示元素,但您只能看到不可见元素周围的网格.

我试图将该z-index与img元素一起使用而不是div.我还尝试将display：block参数添加到img元素并在那里使用z-index.

任何指针都非常有用！

这是我的代码

<div >  <div >I-8000</div>  <div title="Testprojekt 25.05.2018" >Testprojekt 25.05.2018</div>  <div ><span>Start:&nbsp;</span><span>5/25/2018</span></div>  <div title="" >Username</div>  <div ><span>End:&nbsp;</span><span >6/1/2020</span></div>  <div >Last status update:</div>  <div ><span >5/25/2018</span></div>  <div ><img      src="/system/pscbaf/Imageslogos/IPM/IPM_NotReported_Icon.PNG">   </div></div>

这是DOM的截图

这是我得到的

这是我想要实现的目标

解决方法 您可以向其他元素添加一些z-index,该值将小于img的z-index 总结

以上是内存溢出为你收集整理的html – Z-index不工作img元素隐藏在父div之后全部内容，希望文章能够帮你解决html – Z-index不工作img元素隐藏在父div之后所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。