3

CSS と jQuery の UI の問題で私を助けていただければ幸いです。私はこれらの水域に慣れていないので、できる限り自分の必要性を説明しようと思います.

jQuery UI アコーディオンと jQuery UI メニューを使用しました。メニューは、アクティブなアコーディオン「タブ」内にあります。メニューを開くとオプションが表示されますが、問題は (折りたたまれたコンテンツの) アコーディオン ヘッダーがメニュー オプションの上にあることです。このjsFiddleをチェックしてください。物事をよりよく説明します。

フィドル

FireBugで確認しましたが、このクラスには問題があり、それが問題を引き起こし.ui-accordion .ui-accordion-headerているposition: relativeと思いますが、プロパティアイコンをオフにすると壊れます。どうすればこれを機能させることができますか？

よろしくお願いします。

4

1 に答える 1

3

簡単！！CSSを次のように変更するだけです。

 .ui-menu { 
    width: 150px; 
    z-index: 2;
}

こちらのデモをご覧ください。相対、絶対、または固定の配置された要素を扱う場合は、z-indexを使用できるため、スタックの順序を変更することを忘れないでください。

于 2013-03-18T00:12:13.637 に答える