【问题标题】:UI-dialog overlay in firefoxFirefox 中的 UI 对话框覆盖
【发布时间】:2012-04-20 12:46:28
【问题描述】:

我正在使用jQuery UI dialog modal 以模态形式显示表单。

在 Chrome 中测试时一切顺利。但在 Firefox 中,覆盖(ui-widget-overlay)不会占用整个浏览器窗口。因此,当我在模式处于活动状态时向下滚动时,覆盖停止并且网页的其余部分可见......

有什么帮助吗?

【问题讨论】:

  • jQuery UI css 文件的版本是多少?
  • 你在用this吗?
  • 是的,抱歉,我忘记了插件的网址。版本是1.18.19

标签: javascript jquery jquery-ui dialog modal-dialog


【解决方案1】:

尝试将其添加到覆盖 css

.ui-widget-overlay
{
    position:fixed;
    top:0;
    left:0;
}

【讨论】:

  • 太棒了!像魅力一样工作。为什么对话框的css中的位置是绝对的?奇怪的是,这适用于 chrome 而不是 Firefox。
【解决方案2】:

对我来说并不能解决问题。相反,其他提案 Dialog UI background problem in Firefox Mac 似乎可以正常工作。

简而言之:

[...] jQuery UI 定义的背景不仅仅是纯色:它是一个图像 [...]

所以你应该用background-color: #000;之类的东西替换背景定义。

详情请关注link provided

【讨论】:

    猜你喜欢
    • 2018-03-04
    • 2020-04-23
    • 1970-01-01
    • 1970-01-01
    • 2012-12-09
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-09-06
    相关资源
    最近更新 更多