4

http://code.google.com/p/select-box/セレクト ボックス jquery プラグインを使用して、セレクト ボックスの外観を変更できるようにしています。

プラグインは素晴らしく、ドロップダウン リストがたまたま重複する要素の背後に表示される ie7 を除いて正常に動作します。これは既知の問題のようですが、報告した人には誰も回答していないようです。

誰かが修正を提案できるかどうか疑問に思っていましたか？

問題はここで確認できます: http://code.google.com/p/select-box/issues/detail?id=8

助けてくれてありがとう:)

4

2 に答える 2

6

このソリューションは、DOM 対応のこの小さな jquery コードを使用して使用できます。

$(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/

于 2012-10-09T16:52:22.110 に答える
0

これは、ドロップダウン 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 を壊していました。

于 2013-04-04T07:16:05.920 に答える