Question

如何解决以下问题：

Facebook z-index issue

我已经尝试将我的图片的z-index设置为-1，但是在IE和Opera上他们会在他们的容器的rgba背景后面：

enter image description here

您可以在此处看到以下问题（在IE和Opera中）：

Answer 1

您应该避免使用负z-index值，因为这些元素是浏览器构建页面时首先要绘制的内容之一（更多信息可以在this SO answer中找到） - 这意味着元素可以出现在您可能不期望的事物背后（流入元素等）。

为了确保Facebook下拉列表始终位于图片上方，您可以将更大的z-index应用于facebook父元素 - 在本例中为#dump_options - 而不是包含图片的元素 - 在本例中为{{ 1}}。

所以你的CSS可能是：

.preview

Answer 2

如果设置父级的z-index不这样做，请尝试设置父级父级的z-index，依此类推。记住z-indices可以嵌套。

Answer 3

尝试将CSS更改为：

*Images Class*{
   opacity:0.4;
   filter:alpha(opacity=40); /* For IE8 and earlier */
}