z-index 不适用于图像答案

【问题标题】：z-index not working with imagesz-index 不适用于图像
【发布时间】：2011-12-20 21:26:15
【问题描述】：

我正在尝试使这些图像排列整齐，以便空白.gif 将出现在图像前面。我不能将它用作背景图像，并且我尝试使用负 z-index（如 -1），但随后图像在我尝试使用它的网站上一起消失。我的目标是让灰色和黑色的图像出现在blank.gif后面。

我必须避免或不起作用的事情是：

z-index:-1（只是负数）
在<div> 中使用背景图像

并且两个图像都必须保留在父元素内，我的问题是我不能使用任何需要位于 html 头部内的脚本。我试过但找不到解决方案。如果您有任何方法可以防止图像被右键单击并如此轻松地保存，那就太好了。感谢您的帮助。

图片 html 在这里：index.html

代码示例：

<html><div style="position:absolute;width:150px;height:150px;display:inline;"> <img src="http://dl.dropbox.com/u/14413762/blank.gif" style="position:static:width:150px;height:150px;left:0px;top:0px;z-index:2;"><img src="http://dl.dropbox.com/u/14413762/bbc/image.png" style="position:absolute;left:0px;top:0px;;z-index:1;"> </div></html>

【问题讨论】：

您无法阻止人们获取您发送到浏览器的内容。简单明了。
当某些网站改变了我鼠标的右键单击行为时，我觉得很生气。不要这样做。
是的，我也不喜欢那样，这就是为什么我只是想学习不同的方式。我只希望这段代码工作，所以我了解更多，但它看起来不像任何人都知道。

标签： image z-index background-image right-click

【解决方案1】：

是的..您几乎是在浪费时间，最好花在其他地方。想要图像的人会得到它，可以使用 Firefox 或 chrome 中的 Web 开发人员工具，查看页面源等。

实际上，z-index 仅适用于绝对、相对或固定定位的元素。它不适用于您将 z-index 设置为 2 的静态定位元素。我已经完成了您尝试使用相对定位的元素、z-index 以及顶部和左侧或负顶部和左侧边距来实现的目标。

【讨论】：

我或多或少看起来基本上是为了使代码正常工作，并不是说我相信它会阻止人们接受它，我只是想了解更多。这段代码对我来说很棘手，我想要的只是一些帮助。但相反，我得到的只是某人的不赞成和怀疑。
嘿，酋长，如果可以的话，如果您阅读第二段，我只是想避免您浪费时间——我确实提供了一个想法（您对静态定位的 z-index 的误用））。抱歉得罪了。压力会杀死人，记住这一点。