<分区>
要求提供代码的问题必须表现出对所解决问题的最低限度理解。包括尝试过的解决方案、为什么它们不起作用,以及预期结果。另请参阅:Stack Overflow question checklist
关闭 9 年前。
标签 javascript jquery css
<分区>
要求提供代码的问题必须表现出对所解决问题的最低限度理解。包括尝试过的解决方案、为什么它们不起作用,以及预期结果。另请参阅:Stack Overflow question checklist
关闭 9 年前。
我现在有一个 Jquery ui 对话框,它的内容背景是白色的,我想把它周围的背景设为黑色,不透明度低,例如 facebook。在这张图片中显示了一个对话框,具有低不透明度的黑色背景,所以如何才能我在 jquery ui 中做了这个
最佳答案
试试这个:
.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;
}
我希望这能奏效。
最终更新
这很好用 ;)
关于javascript - 如何更改 jquery ui 对话框的背景颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17689705/
相关文章:
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 代码