2

コンテンツのページ（フォーム）をロードするfancyboxモーダルウィンドウがあります。

フォームの各入力には、入力の右側にヘルプヒントを表示するクリックイベントがあります。

私の質問はこれです-ファンシーボックスから要素「ブレイクアウト」を作成し、エッジをオーバーラップさせて、それがz-indexの最高の要素になるようにするにはどうすればよいですか？ヘルプチップをファンシーボックスの端に重ねてほしい。

ヘルプチップを1,000,000のz-indexに設定しようとしましたが、修正されません。fancyboxスクリプトは、それ自体をページの最大z-indexとして設定していますか？

4

3 に答える 3

1

298 行目には次のようにあります。

tmp.wrapInner('<div style="width:' + w + ';height:' + h + ';overflow: ' + (selectedOpts.scrolling == 'auto' ? 'auto' : (selectedOpts.scrolling == 'yes' ? 'scroll' : 'hidden')) + ';position:relative;"></div>');

削除する必要があります: ;overflow: ' + (selectedOpts.scrolling == 'auto' ? 'auto' : (selectedOpts.scrolling == 'yes' ? 'scroll' : 'hidden')) +'

この行は次のようになります。

tmp.wrapInner('<div style="width:' + w + ';height:' + h + ';position:relative;"></div>');

次に、fancybox コンテンツの CSS でオーバーフロー属性を削除します。

これで、ツールチップが正常に機能するようになります。

fancybox v1 の作成者が、overflow auto/hidden をスクロールまたはスクロールしないように切り捨てる if ステートメントを作成したことは知っていますが、オーバーフロー パラメータ全体の if を作成する必要があります。

英語が下手で申し訳ありませんが、急いでいます。

于 2012-04-26T11:38:42.010 に答える
1

firefox で firebug を使用するか、chrome の modal 要素を調べて css であることを確認し、この fancybox モーダル ウィンドウの z-index を探します。多分それはあなたが問題を解決するのを助けることができます.

于 2010-01-21T15:51:53.863 に答える
0

最終的に、別のスクリプトがページ上のすべての z-index をいじっていて、悪名高いIE7 の z-index 問題を回避しようとしていることがわかりました。

レガシ コードを取り上げるのが大好きです。

于 2010-09-26T14:57:15.343 に答える