Błąd w tle/nakładka widżetu okna dialogowego jQuery z opcją modalną

Question

Używam opcji jQuery dialog widget z opcją modal nad witryną wyrażeń.
Tło (nakładka) nie jest szare, na tle jest biały pasek.

$("#popup").dialog({ 
    dialogClass: "alert", 
    width: crmpJs.setup.social_popup_custom_content_use ? crmpJs.setup.social_popup_setup_width : 640, 
    height: crmpJs.setup.social_popup_custom_content_use ? crmpJs.setup.social_popup_setup_height : "auto", 
    autoOpen: true, 
    modal: true, 
    resizable : false, 
    draggable : false, 
    zIndex: 10000, 
    closeOnEscape: crmpJs.setup.social_popup_content_locker_use == "yes" ? false : true 
}); 

Każdy pomysł na przyczynę tej awarii?

Answer 1

To Twój CSS. Zmień repeat-x, aby tylko powtórzyć:

.ui-widget-overlay { 
    background: url("../img/overlay-bg.png") repeat-x scroll 50% 50% #000000; 
    opacity: 0.5; 
} 

do:

.ui-widget-overlay { 
    background: url("../img/overlay-bg.png") repeat scroll 50% 50% #000000; 
    opacity: 0.5; 
} 

Answer 2

Widziałem ten jest spowodowany przez jQuery UI nie zamieszkały w aktualnej bazy adresów URL, więc jego CSS nie ładuje . W przeglądarkach Safari i Firefox przeglądarka nie może znaleźć obrazu, więc renderuje domyślną wielkość okna powtarzalnego x, co powoduje biały pasek.

Niektóre opcje:

1. Move jQuery UI z powrotem do bazy adresów URL.
2. Zmień CSS tak, aby wskazywał bezwzględny adres URL, chociaż w plikach CSS interfejsu jQuery UI jest dużo adresów URL i powoduje to uciążliwą aktualizację.
3. Przenieś tylko katalog obrazów do bazy URL.
4. Zastępuj selektor w swoim własnym CSS, aby nadać mu poprawny adres URL.
5. Poszukaj drugiej kopii jQuery, która może znajdować się w innej lokalizacji jako dołączenie do innej biblioteki, która może przesłonić główną jQuery.