javascript - 如何更改 jquery ui 对话框的背景颜色

标签 javascript jquery css

<分区>


要求提供代码的问题必须表现出对所解决问题的最低限度理解。包括尝试过的解决方案、为什么它们不起作用,以及预期结果。另请参阅:Stack Overflow question checklist

关闭 9 年前

我现在有一个 Jquery ui 对话框,它的内容背景是白色的,我想把它周围的背景设为黑色,不透明度低,例如 facebook。在这张图片中显示了一个对话框,具有低不透明度的黑色背景,所以如何才能我在 jquery ui 中做了这个

enter image description here

最佳答案

试试这个:

.ui-dialog, .ui-dialog, .ui-widget, .ui-widget-content,
.ui-corner-all, .foo{
    background: #ff0000; /*color sample*/
}​

更新

首先编辑你的对话脚本:

open: function() {
    $('.ui-widget-overlay').addClass('custom-overlay');
},
close: function() {
    $('.ui-widget-overlay').removeClass('custom-overlay');
}

然后,你必须像这样添加 css:

.ui-widget-overlay.custom-overlay
{
   background-color: black;
   background-image: none;
   opacity: 0.9;
   z-index: 1040;    
}

我希望这能奏效。

最终更新

这很好用 ;)

http://jsfiddle.net/aldiunanto/G8RQS/3/

关于javascript - 如何更改 jquery ui 对话框的背景颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17689705/

上一篇:php - 如何设置下拉列表的样式?

下一篇:html - 选择和输入的文本颜色

相关文章:

javascript - CSS Fit div Height 自动适应两个div之间的可用空间

javascript - 脚本的函数在调整大小时可以正常工作,但在 document.ready 上却不能正常工作

javascript - 使用 PHP 更改 javascript id 以匹配 Modal CSS

javascript - Firefox 附加组件中操作系统特定的 css

css - Div 高度适用于 firefox 但不适用于 chrome

Javascript - 通过 Ajax 以字符串形式发送 html 代码

javascript - 如何根据键获取分配给变量的值?

javascript - 使用 javascript 在菜单上显示事件状态

javascript - ng-view 导致页面崩溃

javascript - removeClass 和 removeClass 图像不起作用