设置JQuery UI模式对话框覆盖背景颜色

当我加载对话框的背景变得有点灰色。 我想使它更黑暗，但我找不到一个负责任的财产。 我怎样才能做到这一点？

Answer 1

这是在这个CSS元素：

.ui-widget-overlay { background: #AAA url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30; filter: Alpha(Opacity=30); } 

它是在294行： jquery-ui-1.8.11.custom.css

Answer 2

将这个CSS添加到您的样式表中：

 .ui-widget-overlay { opacity: .50 !important; /* Make sure to change both of these, as IE only sees the second one */ filter: Alpha(Opacity=50) !important; background-color: rgb(50, 50, 50) !important; /* This will make it darker */ } 

Answer 3

最简单的方法就是使用美乐器 。

Answer 4

我对Blender的解决scheme有spinlock的问题，但改变“背景色”到“背景”固定的。 我怀疑原因是原来的（jQuery-UI）CSS使用该PNGgraphics。

Answer 5

像@spinlock一样，我有水平运行的条带：

要删除条纹并使用自定义背景颜色，可以在打开的事件中这样做：

 open : function(event, ui){ $("body").css({ overflow: 'hidden' }); $(".ui-widget-overlay").css({ background:"rgb(0, 0, 0)", opacity: ".50 !important", filter: "Alpha(Opacity=50)", }); }, beforeClose: function(event, ui) { $("body").css({ overflow: 'inherit' }) }