如何解决IE6中的选择重叠错误?

我不知道还有什么比Iframe更好的了

但我确实想到,这可以通过寻找几个变量添加到JS中

3. 长方体元素

那么,一个查找这些项目并只添加iframe层的脚本将是一个不错的解决方案

只是一个评论。如果您碰巧是通过SSL运行您的站点,那么伪iframe标记需要指定一个src,否则IE6将发出安全警告。

    <iframe src="javascript:false;"></iframe>

我看到一些人建议将src设置为blank.html。。。但我更喜欢javascript的方式。想想看吧

据我所知,只有两种选择,其中更好的是提到的使用iframe。另一种方法是在显示覆盖时隐藏所有选择,从而带来更奇怪的用户体验。

试试这个插件 http://docs.jquery.com/Plugins/bgiframe

用法: $('.your-dropdown-menu').bgiframe();

我想没有。我一直试图在工作中解决这个问题。隐藏select控件是我们能想到的最好方法(作为一家拥有固定受众的公司商店,用户体验通常不会影响PM的决策)。

从我在网上寻找解决方案时收集到的信息来看,没有好的解决方案。我喜欢FogBugz解决方案(很多知名网站,比如Facebook,都做过同样的事情),而这正是我在自己的项目中使用的。

除非绝对必要,否则我尽量不弄乱iFrame。

Mootools有一个使用iframe(称为iframeshim)的非常好的解决方案。

有一个简单而直接的jquery插件称为bgiframe。开发人员创建它的唯一目的是在ie6中解决这个问题。

我最近用过,效果很好。

隐藏选择元素时,通过设置“可见性:隐藏”而不是“显示:无”来隐藏它们,否则浏览器将重新流动文档。

function showOverlay() {
    el = document.getElementById("overlay");
    el.style.visibility = "visible";
    selects = document.getElementsByTagName("select");
    for (var i = 0; i < selects.length; i++) {
        selects[i].style.visibility = "hidden";
    }
}

function hideOverlay() {
    el = document.getElementById("overlay");
    el.style.visibility = "hidden";
    var selects = document.getElementsByTagName("select");
    for (var i = 0; i < selects.length; i++) {
        selects[i].style.visibility = "visible";
    }
}