У меня есть этот чрезвычайно основной jQuery UI Модальное Диалоговое окно, которое я записал для тестирования здесь. Если я не пропускаю что-то, что я не могу выяснить, почему их то, что серая полоса через середину страницы. Я пытаюсь управлять модальным цветом фона и непрозрачностью, а также замеченный в разметке CSS.
Проблема в том, что фон, определяемый пользовательским интерфейсом jQuery, не просто сплошной цвет: это изображение (для поддержки шаблонов, таких как полосы в наложении). Когда вы настраиваете тему пользовательского интерфейса jQuery с помощью themeroller, он генерирует для вас это цветное изображение. Чтобы исправить вашу страницу, все, что вам нужно сделать, это отредактировать встроенный CSS на вашей странице в строке 48 с:
background-color: #000;
на:
background: #000;
Это переопределит всю спецификацию фона, а не только цвет.
ОБНОВЛЕНИЕ: Ник Крейвер представил демонстрацию исправления на http://jsfiddle.net/QVXah/
Я видел эту проблему раньше, и я не уверен, почему она не была исправлена. Вы должны быть в состоянии исправить это, удалив строку ~285 jquery-ui.css из
.ui-widget-overlay {
url("images/ui-bg_flat_0_aaaaaa_40x100.png") repeat-x scroll 50% 50% #AAAAAA
...
}
Посмотрите, работает ли это для вас