某个位置下的图像：绝对； DIV背景图片？答案

【问题标题】：Image under a position:absolute; DIV background image?某个位置下的图像：绝对； DIV背景图片？
【发布时间】：2012-05-01 00:48:33
【问题描述】：

我到处搜索，我就是找不到答案。

所以我的样式表中有一个 DIV，它是绝对定位并带有背景图像。

在那个 DIV 里面，我有一个我想在 DIV 背景下出现的。

我已经尝试过 z-index，但它似乎不起作用！？与我的 DIV 上的绝对位置有关吗？

【问题讨论】：

【解决方案1】：

将图像 div 放在绝对定位之前。那应该把它放在另一个div下面。你也可以

position: absolute

图像，但仍将其放在 div 之前。

【讨论】：

【解决方案2】：

无论你做什么，你都不能让子元素出现在它们父元素的背景之下（有关更多信息，请参阅stacking contexts。）你需要修改你的 DOM，以便将第二个元素带到具有背景的 DIV 之外显示在该元素的前面。

【讨论】：

【解决方案3】：

position:absolute 在屏幕上下文中。要在 div 上下文中使用 position:absolute，请将父 div 设置为 position:relative，因此，他的具有 p:absolute 的孩子会将其父级的顶部视为 orign。

【讨论】：

【解决方案4】：

确保您的背景图片是 .PNG 或 .GIF 文件格式。这两种文件类型都支持透明度。

【讨论】：