ページにいくつかの script.aculo.us Ajax.Autocomplete コントロールがあり、ドロップダウン div がレンダリングされると、zIndex と配置に関係なく、ページ上の他のテキスト ボックスの背後に常にスタックします。問題は IE と FF で発生します。他の誰かがこれに遭遇しますか?私は何かを見逃していますか、それともこれはこのコントロールでの生活ですか?
2 に答える
4ページのグーグルと後でソースコードをハッキングする少しの時間...わかりました、これは1年前かもしれませんが、バージョン1.8.3でそれを行う方法を理解しました、そしてこれは他の誰のためでもありますこれに。
z-indexを介して複数のdivを相互に重ね合わせるには、次のようにします。
まず、グローバル変数が必要です。すなわち:
var global_zindex
次に、新しいドラッグ可能オブジェクトを初期化するときに、onStartで増分を指定します。
onStart : function(){
zIndex++;
},
次に、dragdrop.js:435を次のように編集します。
this.element.style.zIndex = global_zindex //this.originalZ; // HACK HACK HACK
そしてbam、divの山が突然正しく。これにはとても時間がかかりました、私はこれをここに投稿しなければなりませんでした。
さて、例を投稿するためにすべてを基本に落とし込もうとした私の試みでは、実際にそれを修正することができました. 2 つの部分からなるソリューション。まず、コントロール内のすべての z-index 定義を破棄する必要がありました。それらは問題の一部でした。次に、オートコンプリート コントロールの show 関数に「update.style.zIndex = 1000;」を追加する必要がありました。関数に。必要に応じて、オートコンプリートのドロップダウン div がコントロールの上に表示されるようになりました。script.aculo.us コードの変更を回避する別の方法があったのかもしれませんが、それが機能していることに満足しています。