Диалог отображается правильно и работает так, как должен. Однако, когда я перемещаю диалоговое окно по странице, несколько элементов будут зависать над диалоговым окном, т.е. диалоговое окно находится под этими элементами.
Окружающая область по отношению к диалоговому окну соответствующим образом окрашивается в серый цвет, за исключением двух элементов, которые зависают над диалоговым окном; они сохраняют свои соответствующие цвета.
Общим для обоих этих элементов страницы является то, что они оба являются фоновыми изображениями (что мне и нужно), установленными с помощью свойства фона CSS. Это единственные фоновые изображения, установленные на странице, поэтому я предполагаю, что причина в этом, но я не знаю, почему и как это исправить.
Поведение одинаковое как в Chrome, так и в Firefox (не знаю, как в IE, Opera или Safari).
Я использую jQuery 1.10.1 и jQuery UI 1.10.3 с примерно следующим диалоговым окном:
$( "#launch-dialog" ).dialog({
autoOpen: false,
height: 'auto',
width: 'auto',
modal: true,
buttons: {
"OK": function() {
$("#launch-dialog").text("");
$( this ).dialog( "close" );
},
},
close: function() {
allFields.val( "" ).removeClass( "ui-state-error" );
}
});
В том, как они указаны, нет ничего особенного в фоновых изображениях.
Кто-нибудь может мне помочь?