IE中的CSS z-index错误，带有两个输入元素

Question

我正试图在彼此的顶部放置两个输入。顶部是活动的，背景是透明的，底部是禁用的：

<div id="autotest-wrap">
    <input id="autotest" value="ab" />
    <input id="autotest-sugg" value="abc" disabled />
</div>

#autotest {
    background-color: transparent;
    position: absolute;
    z-index: 10;
}
#autotest-sugg {
    position: absolute;
    z-index: 1;
}​

这会触及IE z-index错误。在IE中，尽管有z-index，但被禁用的一个在顶部。我在解决问题时遇到了麻烦。我设置了一个fiddle示例。请问有人可以解释如何解决这个错误吗？

谢谢！

Answer 1

IE8不喜欢background-color: transparent。这是一个众所周知的错误。

解决方法是使用透明图像：

background: url('path/to/1px-transparent.gif')

Fiddle