iframe shimming或ie6(及以下)选择z-index bug

Question

嗯我不确定是否有人遇到过这个问题
IE6上的简短描述任何<select>对象都显示在任何其他项目上,甚至是div ...意思是如果你有一个花哨的javascript效果显示一个应该在顶部的div一切(例如:灯箱,多箱等等)onclick某个元素,并且div与<select>你的div get 重叠显示,好像它在<select>[在这种情况下最大和最小z-index不起作用]

我已经尝试谷歌搜索并找到了iframe垫片解决方案,
但我想要一些非常干净的替代品或者更好,但有没有人找到更好的解决方案？因为使用iframes的方法使用大约130mb的ram可能会减慢穷人的机器速度

Answer 1

您不必select使用循环隐藏每一个.您只需要一个CSS规则:

* html .hideSelects select { visibility: hidden; }

以下JavaScript:

//hide:
document.body.className +=' hideSelects'

//show:
document.body.className = document.body.className.replace(' hideSelects', '');

(或者,您可以使用您喜欢的addClass/ removeClass实现).