jQuery UI 模态对话框条纹问题

标签 jquery css jquery-ui modal-dialog

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

最佳答案

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

background-color: #000;

到:

background: #000;

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

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

关于jQuery UI 模态对话框条纹问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3200000/

相关文章:

javascript - 从 a-z 中选择一个随机字母

javascript - 选中两个绑定(bind)复选框时显示重复值

jquery - 在 mouseenter 和 mouseleave 上与 HTML 交互

jQuery 用文本框替换元素

jquery - 带有图像的 Bootstrap 时间轴

javascript - 直接查询的对象和查询其子对象之一的对象有什么区别?

javascript - gulp uncss 正在过滤我的 javascript 所需的选择器

javascript - Bootstrap 模式对话框出现在页面的一侧

javascript - 如何使用 jQueryUI 拖动来模拟阻力?

jquery - 使用 jquery ui 对话框打开现有的 aspx 页面