显然，问题根本不在于 z-index。这实际上是因为我在 doctype 标签上方添加了注释。不过，我会把这个问题留在这里，以防其他人遇到同样的问题。
我知道这个问题已经被问死了，但不知何故我无法找到适合我的案例的解决方案。所以这是关于我的具体问题的信息:
这是我目前正在处理的网站:http://trendexsys.com/test/
有两个主要问题，都与 z-index 相关。
1) 第一个问题是下拉菜单在 IE 中不起作用。下拉菜单似乎根本没有显示。
2) 第二个问题是，在索引页面下方，黑灰色渐变应该出现在 Gastrend 和 Gastrend Lite div 的后面。但是，这在 IE 中也不起作用。相反，渐变仅放置在 Gastrend Lite div 后面(就像没有应用 z-index 时一样)。
我知道我没有发布任何 HTML 或 CSS 代码。这样做的原因是我不确定要发布什么有用的信息。我希望您可以查看网站源代码并找到问题所在。但是，如果需要，我会尝试在此处发布一些代码。
注意事项:
我只在 IE8 和 IE9(不是 IE7-)上测试过，z-index 对这两个版本都不起作用。
该网站在 Chrome 或 Firefox 或 IE10 中完美运行。
如果已经存在适用于我的案例的解决方案，请将链接发送给我。我在这个问题上浪费了很多时间，但没有找到有效的解决方案。
提前致谢
最佳答案
它实际上不是 z-index - 而是您文档类型上方的注释，因为这将导致 IE 在 Quirks Mode 中呈现页面.只需将注释放在您的文档类型之后:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!--By Christopher Mukherjee-->
<!--HTML code for Trendex Website Home page-->
关于html - Z-Index 在 IE 中不起作用(相对定位)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17112455/