У меня есть стандартное диалоговое окно, и когда он появляется, я вижу за ним горизонтальную полосу белого цвета. любые идеи почему? Это можно увидеть здесь. просто произнесите слово правильно, чтобы увидеть проблему с диалогом. простить любые другие ошибки макета и другие проблемы.
$( "#goodJob" ).dialog({
height: 240,
modal: true,
buttons: {
"Next Word": function() {
$('#loading').show();
$.ajax({
type: "POST",
url: "printPage.php",
data:"streak="+streak,
success: function(result)
{
$('#mainBody').html(result);
$('#loading').hide();
}
});
$( this ).dialog( "close" );
$(this).empty();
}
}
});
В этом файле /jquery-ui.css
.ui-widget-overlay {
background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
opacity: .3;
filter: Alpha(Opacity=30);
}
удалите строку
background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
Измените файл css.css в строке 71:
от background-color: #E0F;
к background: #E0F;
Поскольку в jquery-ui.css фону присваивается изображение, а свойство background-color не может переопределить свойство фона (поскольку свойство фона включает фоновое изображение и фоновый цвет)
У вас есть класс "ui-widget-overlay" для div и у которого есть следующий css для фона, который является основной причиной проблемы
.ui-widget-overlay {
background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
opacity: .3;
filter: Alpha(Opacity=30);
}
вы удаляете этот фон и проверяете его.
.ui-widget-overlay
{
/*Its beacause of the background image -->*/ background: url('images/ui-bg_flat_0_aaaaaa_40x100.png') repeat-x scroll 50% 50% #AAA;
opacity: 0.3;
}