解决：jquery.autocomplete在IE6下被下拉框遮住的问题

最近遇到一个很纠结的问题：jquery.autocomplete在IE6下被下拉框遮挡 。

 

如图：

 

 

网上找到原因，例如：http://www.360doc.com/content/10/1126/16/2197500_72641076.shtml

 

但是，我们的问题是我们用了jquery.autocomplete这个控件，这些方法对于我们就不行了。

 

废话多了，直接解决方法：

 

第一步：打开jquery.autocomplete.min.js（或者直接jquery.autocomplete.js），找到“function init()”，把这个函数下的“element=$("<div/>")”修改为“element=$("<div><iframe style='position: absolute; z-index: -1; width: 100%; height: 100%; top: 0;left: 0; scrolling: no;' frameborder='0' src='about:blank'></iframe></div>")”。

 

第二步：打开“jquery.autocomplete.css”，在“.ac_results”加一句“height:335px;”，就是设置高度，这个随便你设置。

 

刷新，如下图：

 

 

 

至此，问题解决。

搜索下jquery bgiframe

这个是不错，不过我们既然已经用了jquery.autocomplete，迁移插件工作量太大了。

为什么不去设置一下 层高呢

设置层高没用，IE下的windowed control很可怕，我向来是图省事把select都visibility:hidden了