javascript - 带有模态选项的 jQuery 对话框小部件的背景/覆盖错误

Question

我正在使用 jQuery dialog widget在 wordpress 网站上使用 modal 选项。
背景(叠加层)并非全是灰色，背景上有一条白色条纹。

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

知道这个故障的原因吗？

Answer 1

这是您的 CSS。将 repeat-x 更改为只重复:

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

到:

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