2つの入力要素を持つIEのCSS z-indexのバグ

Question

2つの入力を重ねて配置しようとしています。トップ1がアクティブで、透明な背景を持って、下の1は無効になっています：

<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インデックスのバグを打ちます。 IEでは、Zインデックスにもかかわらず、無効になっているものが一番上にあります。私は解決策を見つけ出すのに苦労している。私は例としてfiddleをセットアップしました。誰かがこのバグを回避する方法の説明を提供してもらえますか？

ありがとうございます！

Answer 1

IE8は、background-color: transparentが好きではありません。それは既知のバグです。

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

Fiddle