3

uniForm (http://sprawsm.com/uni-form/) と jQuery UI 選択メニュー (http://jsfiddle.net/fnagel/hsn95/light/) を使用しています。

問題は、ドロップダウン メニューが uniForm 要素の「上」に表示されないことです。selectmenu.css の z-index を変更しようとしましたが、うまくいきませんでした....

アイデアはありますか？

これはuniFormから削除したので問題ないことを付け加えておきますが、残念ながらそこにあるのには理由があるに違いありません....

z-index:1;
4

8 に答える 8

3

z-indexと位置の両方を元の選択の相対位置に変更する必要があります。これは機能します。

<select style='position:relative;z-index:100'>
于 2012-11-03T18:00:31.540 に答える
3

これは、Uni-Form サポート フォーラムに投稿した同じ質問に対する私の回答の再投稿です。

ここでは詳細なサポートを提供できないため、z-index についてのみ説明します。

Uni-Form 要素に z-index プロパティがある理由は、別のプロパティ、つまり position: relative; のためです。z-index ルールは、相対的に配置された要素がスタック内で十分に低くなるため、他の絶対的に配置された要素がそれらを超える可能性があることを保証するためにあります。これは、皮肉なことに、あなたが抱えている正確な問題です。これは、jQuery SelectMenu が z-index プロパティを絶対配置要素に明示的に設定していないことが原因である可能性が最も高いです (理想的にはそうすべきです)。

この場合、Uni-Form から z-index プロパティを削除してもまったく問題ありません。したがって、明示的な z-index 値 (1 より大きい値) を jQuery SelectMenu の絶対配置要素に設定します。

于 2011-05-22T14:42:53.527 に答える
3

jQuery ダイアログと selectmenu を使用して z-index の問題が発生しました。

それを解決するために、ダイアログの z-index を見つけて、selectmenu のドロップダウン部分をそれに設定しました。

私はこのようなものを使用しました：

var dialogZindex = $('.ui-dialog').css('z-index');
$('.ui-selectmenu-menu-dropdown').css('z-index', dialogZindex);
于 2011-11-23T19:41:12.523 に答える
1

JQuery UI のオートコンプリートが Foundation のモーダル ダイアログの表示の背後に隠れているという同じ問題がありました。

私が見つけた解決策はCSSルールでした：

.ui-front{ z-index:1010; } /*get in front of .reveal-modal z-index:1005*/

于 2015-03-05T05:18:12.217 に答える
0

私の場合、選択メニューの幅だけを設定するのに役立ちました。

$( "#myid" ).selectmenu({width:100});

これがないと、ドロップダウンがダイアログの後ろに表示されます。

于 2014-07-09T13:58:58.143 に答える