JQUeryUI диалог и выбор HTML

Question

У меня есть страница ASPX, где на экране появится диалоговое окно jQuery UI, при нажатии на кнопку. Когда диалоговое окно UI активно, пользователь не может взаимодействовать с любыми другими элементами управления. Но у меня есть выпадающий список (Выбрать) на странице. Он все еще активен. Пользователь может перейти и выбрать любой вариант из выпадающего списка. Я знаю, что в IE6, его рассматривает окно выбора как новый элемент. Как я могу решить это? Я хочу запретить пользователям изменять содержимое выпадающего списка при активном диалоге пользовательского интерфейса

Есть мысли? Заранее спасибо

Редактировать My Style Tage внутри головы

<style type="text/css">
    body { font-size: 62.5%; }
    label, input { display:block;
        width: 94px;
    }
    input.text { margin-bottom:12px; width:95%; padding: .4em; }
    fieldset { padding:0; border:0; margin-top:25px; }
    h1 { font-size: 1.2em; margin: .6em 0; }
    div#users-contain {  width: 350px; margin: 20px 0; }
    div#users-contain table { margin: 1em 0; border-collapse: collapse; width: 100%; }
    div#users-contain table td, div#users-contain table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; }
    .ui-button { outline: 0; margin:0; padding: .4em 1em .5em; text-decoration:none;  !important; cursor:pointer; position: relative; text-align: center; }
    .ui-dialog .ui-state-highlight, .ui-dialog .ui-state-error { padding: .3em;  }
    #dialog{
     display: none;
    }


</style>

и я использую метод dialog.open, чтобы показать диалог

 $("#dialog").dialog("open");

Answer 1

Я испытываю то же самое с IE6. На моей странице aspx есть несколько HTML-выборок, и они отображаются в диалоговом окне jQuery UI 1.7.1, которое появляется над ними. Я полагаю, что это происходит потому, что диалог не помещает скрытую / нулевую непрозрачность iFrame под диалог. Я бы хотел ожидать, что разработчики пользовательского интерфейса сделали бы это уже для нас, ребят из IE6, но это так.

Когда я найду удобное решение для этого, я опубликую его или, если какая-то другая добрая душа сможет сделать это, было бы здорово.

Отправленная ссылка altCognito также имеет эту проблему в IE6.

Эта страница ссылается на исправление iframe, но не специально для UI Dialog: ht tp: //stackoverflow.com/questions/7937/solve-the-ie-select-overlap-bug

Извините, я новый пользователь, и новым пользователям запрещено публиковать рабочие гиперссылки

Дополнительно, вы используете:

$ ('. Селектор'). Диалоговое окно ({modal: true});

Чтобы сделать ваш диалог модальным и заблокировать взаимодействие с родительской страницей?

Answer 2

в диалоговом окне необходимо установить bgiframe: true, а также включить плагин bgiframe

см. Здесь

Answer 3

На основании следующего примера:

http://jsbin.com/ibeje

Я не могу повторить то, что происходит. Там что-то еще происходит. Вы сами устанавливаете z-порядок окна выбора?