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

Question

我正在运行一个测试 javascript/CSS 应用程序，并且有一个 div 表现出非常奇怪的行为。我无法为我的生活弄清楚发生了什么。

将您的浏览器指向http://korhal.andrewmao.net:9294/，然后查看 DOM 中的div.payment( divwith class payment)。

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

抱歉，此代码难以理解，此链接可能会更改。

Answer 1

由于.background你的位置是固定的，它会排在最前面，所以你必须添加 position:relative到 div.payment

Answer 2

用这个

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

和

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