使用模式选项的jQuery对话框小部件的背景/叠加层出错

Igo*_*rra 5 javascript css wordpress jquery-ui

我使用jQuery对话框小部件modalwordpress网站上的选项.
背景(叠加)并非全是灰色,背景上有白色条纹.

$("#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
});
Run Code Online (Sandbox Code Playgroud)

在此输入图像描述

知道这个故障的原因吗?

j08*_*691 7

这是你的CSS.将repeat-x更改为重复:

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

至:

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

  • 或者,如果您不想自己编辑主题文件,只需编写一个覆盖重复值的规则:**background-repeat:repeat;** (2认同)