文本輸入保持在IE9以上的所有內容中

Question

自從IE9是一項要求已經很長時間了，我有點生疏，所以我可以使用第二套眼睛。

http://jsbin.com/tozawuko/1/

將鼠標懸停在IE9幫助&支持，你會看到下拉菜單位於搜索框下方。有趣的是，輸入不是絕對定位的，但它的父母是。

我不知所措。任何幫助，將不勝感激。

Answer 1

試試這個：

添加z-index搜索框：

<input type="text" name="" value="Try out our new search!" onClick="this.setSelectionRange(0, this.value.length)" style="z-index:-1" /> 

上懸停下拉菜單添加z-index：

#v2-header .v2-header-dropdown .v2-button:hover { 
    background-color: #faa100; 
    background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #f7891a), color-stop(100%, #ffae0d)); 
    background-image: -webkit-linear-gradient(bottom, #f7891a 0%, #ffae0d 100%); 
    background-image: -moz-linear-gradient(bottom, #f7891a 0%, #ffae0d 100%); 
    background-image: -o-linear-gradient(bottom, #f7891a 0%, #ffae0d 100%); 
    background-image: linear-gradient(bottom, #f7891a 0%, #ffae0d 100%); 
    z-index: 9999; 
} 
/* line 91, ../sass/styles-b.scss */ 
#v2-header .v2-header-dropdown li { 
    padding: 1px 0; 
    z-index: 9999; 
}