6

jQuery UI のサイズ変更可能なハンドルが、ページ内の他のすべての要素の上にあることに気付きました。Chrome の開発者ツールを使用して確認したところ、自動的に 1001 の z-index が与えられていることがわかりました。これを無効にして、サイズ変更可能な要素と同じ z-index を与える方法はありますか? ありがとう。

4

5 に答える 5

13

!importantルールがないと上書きされるため、私にとっては最適です。

.ui-resizable-handle { z-index: auto !important; }
于 2012-08-16T17:12:05.647 に答える
5

はz-indexJavaScript ではなく CSS で設定されます。この場合、担当する CSS を編集する必要があります。

.ui-resizable-handle { 
    position: absolute;
    font-size: 0.1px; 
    z-index: 99999; 
    display: block;
}

または、動作をオーバーライドする独自のルールを定義します。詳細については、次のページを参照してください: http://www.mail-archive.com/jquery-ui@googlegroups.com/msg09524.html

于 2011-01-12T20:01:25.770 に答える
2

私たちにとって、これは jQuery-ui オブジェクトのデフォルト設定をオーバーライドする最も便利でハックの少ない方法でした。「サイズ変更可能な」コンポーネントは、そのコンポーネントのいずれかに置き換えることができます。jQuery がロードされた後、ただし $(element).resziable() 呼び出しの前に、これが実行されていることを確認してください。

$.extend($.ui.resizable.prototype.options, { zIndex: 2147483647 });

于 2014-01-31T21:43:37.097 に答える