css绝对位置内的相对位置不重叠

问题描述

我一直在尝试使我的网站成为跨浏览器时遇到问题。 在IE6中，我有一个具有相对位置的容器，并且在其中有一个绝对div，其顶部和左侧均为负数，但不是在相对div的顶部，而是在下面看起来像这样：

        ++++++++++++++++++++++
        +     container      +
        +++++++++++++er      +
        +llo        +er      +
        +rld        +er      +
        +++++++++++++er      +
        +     container      +
        +     container      +
        ++++++++++++++++++++++

安装：

        ++++++++++++++++++++++
        +     container      +
  +++++++++++++++++++er      +
  +     hello       +er      +
  +     world       +er      +
  +++++++++++++++++++er      +
        +     container      +
        +     container      +
        ++++++++++++++++++++++

在所有其他浏览器中，即时消息仅对容器使用静态定位，对hello world div使用绝对位置，并且工作正常，但是在ie6中，绝对div的位置很怪异，无论我给它的上下位置如何，它都没有移动，因此我考虑过为IE6进行此操作，但是我遇到了上述问题。     

解决方法

        相对位置与绝对位置的组合：

#container
{
    width: 200px;
    margin: 0 auto;
    position: relative;
}
#content
{
    width: 200px;
    position: absolute;
    z-index: 999;
    left: -100px;
    top: 100px;
}

这里的演示和下面的截图： 。 似乎可以在IE6 +，FF和Chrome中使用。     ,        Z索引有什么问题？？？ 如果您遵循这个家伙在这里所做的事情； http://brenelz.com/blog/squish-the-internet-explorer-z-index-bug/ 它应该适合您。