jQuery UI模式对话框条带问题

Question

我有这个非常基本的jQuery UI模式对话框,我在这里测试. 除非我遗漏了一些东西,否则我无法弄清楚为什么它们是在页面中间的灰色条带.我试图操纵模态背景颜色和不透明度以及在CSS标记中看到.

Answer 1

问题是jQuery UI定义的背景不仅仅是一种纯色:它是一个图像(支持叠加层中的条纹等图案).当您使用themeroller自定义jQuery UI主题时,它会为您生成该彩色图像.要修复您的页面,您需要做的就是在第48行的页面中编辑内联CSS:

background-color: #000;

至:

background: #000;

这将覆盖整个背景规范,而不仅仅是颜色.

更新:Nick Craver在http://jsfiddle.net/QVXah/上提供了修复程序的演示

Answer 2

这个问题已经超过3年了,问题仍然存在于jQuery中.

对我来说有用的是覆盖定义背景的jQuery CSS类,在我自己的CSS文件中添加它

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

加载jQuery CSS后加载我的CSS.现在我没有看到这个烦人的菌柄,并得到一个漂亮的透明浅灰色背景.

你也可以设置

background: none;

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