Question

我正在使用http://code.google.com/p/select-box/选择框jquery插件，以便我可以更改选择框的外观。

该插件很棒并且工作正常，除了ie7，其中下拉列表出现在它们碰巧重叠的任何元素后面。这似乎是一个众所周知的问题，但似乎没有人回答报道它的人。

我想知道是否有人可以建议修复？

这个问题可以在这里看到：http://code.google.com/p/select-box/issues/detail?id=8

感谢您的帮助:)）

Answer 1

您可以使用这个小块的jquery代码来使用此解决方案，在dom ready上运行：

$(function() {  
    var zIndexNumber = 1000;  
    $('div').each(function() {  
        $(this).css('zIndex', zIndexNumber);  
        zIndexNumber -= 10;  
    });  
});

或尝试修复css z-indexing：http://web.enavu.com/snippets/fixing-the-ie7-z-index-issue-internet-explorer-7-z-index/

工作小提琴：http://jsfiddle.net/IrvinDominin/aTUC5/

Answer 2

这也可以通过向下拉div提供更高的z-index值来解决，并且为每个div提供更小的z-index并显示文本。

前：

<div id="sbHolder_28376079" class="sbHolder" tabindex="0">
    ...
    </div>
    <div class="div1">
        <div class="div2">
            <div class="div3">
            </div>
        </div> 
    </div>


.sbHolder{z-index : 100;}
.div1{z-index : 90;}
.div2{z-index : 80;}
.div3{z-index : 70;}

这适用于上面js中提到的相同的逻辑，但它在使用位置绝对和z-index的其他部分中打破了我的Ui。

与ie7的jquery.selectbox-0.2问题 - 在元素后面而不是在前面出现的下拉列表

2 个答案: