Modal seçeneğiyle jQuery iletişim pencere bileşeninin arka planında/kaplamasında hata oluştu

Question

jQuery dialog widget, bir wordpress sitesi üzerinden modal seçeneği ile kullanıyorum.
Arka plan (yer paylaşımı) gri değil, arka plan üzerinde beyaz bir şerit var.

$("#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 
}); 

bu arıza nedeni herhangi bir fikir?

Answer 1

Bu sizin CSS'nizdir. Sadece tekrarlamak tekrar-x değiştirin:

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

için: onun CSS yüklemez yüzden, bu jQuery UI geçerli URL tabanı ikamet etmeyen neden olup gördüğüm

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

Answer 2

. En azından Safari ve Firefox'ta, tarayıcı görüntüyü bulamıyor, bu nedenle beyaz çubuğa neden olan bir tekrar-x kutusu varsayılan boyut oluşturuyor.

bazı seçenekler şunlardır:

1. Taşı jQuery UI geri URL tabanı içinde.
2. JQuery UI CSS dosyalarında çok sayıda URL olmasına rağmen mutlak URL'yi işaret edecek şekilde CSS'yi değiştirin ve bir ağrının yükseltilmesini sağlar.
3. Sadece görüntü dizinini URL tabanına taşıyın.
4. Seçici, doğru URL'yi vermek için kendi CSS'nizde geçersiz kılın.
5. jQuery uygulamasının ikinci bir kopyasını, başka bir konumun başka bir kitaplık için eklenmiş olabileceğini ve ana jQuery'nizi geçersiz kılabileceğini öğrenin.