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

Question

我一直在尝试让我的网站成为crossbrowser .. 在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做这个，但我有上面描述的问题。

Answer 1

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

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

Demo here以及以下屏幕截图：

似乎可以在IE6 +，FF，Chrome中使用。

Answer 2

Z-Indexing有什么问题???

如果你按照这个人在这里所做的那样去做; http://brenelz.com/blog/squish-the-internet-explorer-z-index-bug/

它应该适合你。