горизонтальная полоса в диалоге jquery

0

У меня есть стандартное диалоговое окно, и когда он появляется, я вижу за ним горизонтальную полосу белого цвета. любые идеи почему? Это можно увидеть здесь. просто произнесите слово правильно, чтобы увидеть проблему с диалогом. простить любые другие ошибки макета и другие проблемы.

               $( "#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();                        
                            }               
                            }       
                    });
  • 1
    Я не вижу никаких диалогов на сайте? как это придет?
  • 0
    произнеси слово правильно перетащите буквы до серого поля, чтобы правильно написать слово.
Показать ещё 2 комментария
Теги:
modal-dialog
dialog

4 ответа

2
Лучший ответ

В этом файле /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;
2

Измените файл css.css в строке 71:

от background-color: #E0F; к background: #E0F;

Поскольку в jquery-ui.css фону присваивается изображение, а свойство background-color не может переопределить свойство фона (поскольку свойство фона включает фоновое изображение и фоновый цвет)

1

У вас есть класс "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);
}

вы удаляете этот фон и проверяете его.

  • 0
    где ты видишь этот css?
  • 0
    При отладке на вкладке консоли Chrome / FF вы видите, что CSS
Показать ещё 1 комментарий
1
.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;
 }

Ещё вопросы

Сообщество Overcoder
Наверх
Меню