Html Facebook发送按钮对话框z索引问题

如何解决以下问题：

我尝试将图像的z索引设置为-1，但在IE和opera上，它们位于容器的rgba背景后面：

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

---

尝试将CSS更改为：

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

---

您应该避免使用负的

z-index

值，因为这些元素是浏览器构建页面时首先要绘制的元素之一（更多信息可以在中找到）-这意味着元素可能会出现在您可能不期望的后面（在流元素等中）

为了确保facebook下拉列表始终位于图像上方，您可以对facebook父元素应用比包含图像的元素更大的

z-index

，在本例中为

#dump_options

，在本例中为

。preview

因此，您的CSS可以是：

#dump_options {
    ...
    position: relative;
    z-index: 10;
    ...
}

.preview {
    ...
    position: relative;
    z-index: 1;
    ...
}

---

如果设置父对象的z索引不起作用，请尝试设置父对象的父对象的z索引，依此类推。请记住，z索引可以嵌套。

您现在在矩阵中-我们可以通过查看代码来查看图片…但我们不能通过查看图片来查看代码。您需要的所有代码只是右键单击->检查元素！好吧，那样的话，我遗漏了一些东西。这个链接不仅仅是图片吗？此外，您可能会发现这个问题的答案很有用。这就是为什么要避免负z指数。你需要使用它们有什么原因吗？*点击*对不起，我现在明白了-你的网站看起来很专业-我以为你把我们链接到了一个你的图片所在的网站：pOk-不幸的是，这个网站在IE9中根本不适合我。图像应该存在的部分似乎不存在。这就是问题所在，图像位于半透明的黑色背景后面。比较一下Chrome中的相同内容，你会发现不同之处。唯一的区别是IE电子邮件没有阴影。但我仍然看不出IE、Chrome和Opera之间有什么区别。如果你看看IE/Opera中的图像，它们与Chrome相比非常暗。我将发布一张不同的图片。不，这不是问题所在，负z索引强制将图片放在容器的黑色背景后面，所以我真的需要修复z索引问题，使图片位于顶部，然后再将FB对话框置于顶部。好的。我不知道如何解决那个问题。。。抱歉，太棒了，这已经解决了。谢谢你的帮助。