jqueryui模式对话框条带问题

问题是jqueryui定义的背景不仅仅是纯色:它是一个图像(支持覆盖中的条纹等图案)。当您使用themeroller自定义jqueryui主题时,它会为您生成彩色图像。要修复页面,您只需在第48行编辑页面中的内联CSS:

background-color: #000;

收件人:

background: #000;

更新: Nick Craver在 http://jsfiddle.net/QVXah/

这个问题已经存在3年多了,这个问题在jQuery中仍然存在。

对我起作用的是通过在我自己的CSS文件中添加这个来重写定义后台的jquerycss类

.ui-widget-overlay {
  background: #000;
}

加载jquerycss之后再加载我的CSS。现在我看不到这个恼人的柄和得到一个很好的透明浅灰色的背景。

您还可以设置

background: none;

但这会让用户感到困惑,因为背景仍然是可见的,但不起作用。

我的解决方法有点不同。我没有改变背景的颜色,而是让它透明:

.ui-widget-overlay {
  opacity: 0;
}

与其他类似的解决方案一样,我将其放在一个.css文件中,该文件加载在从code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css加载的jquery-ui.css之后。

我现在看到的只是弹出窗口,没有任何背景副作用。

我以前见过这个问题,我不知道为什么没有解决。您应该可以通过从中删除jquery-ui.css的第285行来修复它

.ui-widget-overlay {
    url("images/ui-bg_flat_0_aaaaaa_40x100.png") repeat-x scroll 50% 50% #AAAAAA
    ...
    }

如果您正在使用CDN,并且不想加载/维护另一个css,请使用!重要覆盖:

.ui-widget-overlay {background: #BEBEBE !important;}