0

タイトルが言及しているように、クリックすると一部のコンテンツが表示され、サイドメニューのドロップダウンが非表示になるアコーディオンを作成しました。

問題を示す画像へのリンクを次に示します。

css にアクセスして -1 の z-index を追加しようとしましたが、機能しましたが、アコーディオンをクリックできませんでした。

object.style.zIndex="-1" を Java スクリプトに追加しようとしましたが、それも機能しませんでした。アコーディオンを解体して、すべてのコンテンツを表示しました。

カスタム テーマで jquery UI を使用しており、html ドキュメントにこの JavaScript を少し追加しました。

$(function() {
$( "#accordion" ).accordion({
  active:false,
  collapsible: true
 });
});
$(function(){
$("#accordion").accordion({
    heightStyle:"fill" 
 });
 });
 $(function(){
$( "#accordion-resizer" ).resizable({
  minHeight: 140,
  minWidth: 200,
  resize: function() {
    $( "#accordion" ).accordion( "refresh" );
  }
 });
 });

これは私が使用しているCSSであり、私が行った小さな変更は機能しましたが、ユーザーは何もクリックできませんでした.

#accordion-resizer{
padding: 10px;
width: 700px;
height: auto;
}
.ui-widget-content{
    z-index:-1;
}

前に述べたように、カスタム テーマで jqueryUI を使用しています。お役に立てれば。前もって感謝します。

4

1 に答える 1

0

どうですか:

.ui-widget-content{
    position: absolute;
    z-index:-1;
}

ポジショニングにより、Z-インデックスが機能する可能性がありますか?

于 2013-09-11T16:27:54.730 に答える