jQuery-ui autocomplete IE6 z-index problem

Question

Hello all

I am implementing jQuery-ui autocomplete function in my website. In IE6, the autocomplete box appears below other html elements select, input etc. These elements overlap the autocomplete suggestions box. In IE7, 8, it works fine.

I tried changing the z-index of parent div. I changed the z-index of parent div of input, to which I have attached the autocomplete, to 99. Then I set the style for parent div of other elements to 0. But this did not work.

Anybody else had same problem?

Thanks

Answer 1

Try using the bgiframe plugin. It addresses this specific problem.

Answer 2

I am having the same issue with my form. I am actually creating a dynamic form and once the page is loaded I apply auto-complete feature to the input box. How did you bind the bgiframe to the auto-complete list? Appreciate your help. I am using jquery ui autocomplete.

Here is my function that runs on load

function start(){ var y=document.getElementById("x"); if(y!=null){

$(y).autocomplete({url:'aaaa.php?query=s',
showResult: function(value, data) {
if(data!="") return '' + value + ''; } }); } }