为什么只有这个div的一小部分可见？

我正在运行一个测试JavaScript/CSS应用程序，并有一个展示非常奇怪行为的div。我不能为了我的生活而弄清楚发生了什么。为什么只有这个div的一小部分可见？

将您的浏览器指向http://korhal.andrewmao.net:9294/，并在DOM中查看div.payment（div与类payment）。

这个div包含一个图像和一些文本，但没有一个可见，除了在Chrome和FF上显示但不包含IE9的文本的一个小端点。我还没有设计DOM的这一部分，但我甚至无法弄清楚它为什么完全不可见。检查应用的CSS似乎没有出现任何z-索引，透明度或隐藏问题。有什么建议么？

我很抱歉，这段代码很难理解，这个链接可能会有变化。

2013-02-20 Andrew Mao

添加'位置：相对于您的“付款”div。 – dfsq 2013-02-20 06:25:39

由于UR .background的位置固定它会在上面，所以我只好加 position:relative到div.payment

2013-02-20 06:35:39 Sarath

这很有趣......我从来不知道这件事。为什么带有'position：fixed'的div显示在另一个div上面，没有'position：relative'？ – 2013-02-20 15:08:32

值得阅读此https://developer.mozilla.org/en-US/docs/CSS/Understanding_z-index ..它有点棘手:) – Sarath 2013-02-21 07:55:42

-2

使用此

.payment img { 
    float: left; 
    position: relative; 
    z-index: 1; 
}

和

.payment p { 
    float: left; 
    position: relative; 
    z-index: 1; 
}

enter image description here

2013-02-20 06:47:41

回答