css - iFrameを使用したjQueryモーダルダイアログでのスクロールバーの問題

Question

jQueryUIを使用してモーダルダイアログを作成しました。他のページ（child.html）をロードしたいので、ここではiFrameを使用しました。すべてが正常に動作します。

ただし、問題は、モーダルダイアログページにもスクロールバーが表示されることです。いくつかのCSSプロパティ、No Useを変更して、内側のスクロールバーを削除しようとしました。私は過去10日間、このUIの問題に苦しんでいます。

こちらの私のページをご覧ください。

これがスクリーンショットです

ここに画像の説明を入力してください

注：子と親の両方のページは同じCSSファイルを使用します。

私が参照したモデルを示すために

誰かがFirefoxなどのいじくり回すツールを使って理解し、私に何をすべきかを提案できますか？

score 1 · Accepted Answer

「/Modal/css/jquery-ui.css」を見てください:

.ui-dialog .ui-dialog-content {
position: relative;
border: 0;
padding: .5em 1em;
background: none;
overflow: auto;
zoom: 1;

Chromeの開発者モードのチェックを外すと問題がなくなるoverflow: auto;ので、必要に応じて削除してください。

1 に答える 1