滚动条存在时,jQuery UI模式对话框背景不会使页面背景底部变暗

时间:2013-05-14 16:07:06

标签: jquery jquery-ui jquery-ui-dialog

我在 http://www.citizenshipworks.org/上有一个jQuery UI模式对话框,当您单击“输入您的手机号码以接收文字提示”右侧的“开始”按钮时,该对话框会显示。 (您可以将文本输入字段留空)。

问题是如果您的视口有滚动条并且您不在页面顶部,则背景只会使您在页面顶部可见的部分变暗。这似乎发生在所有浏览器上。提前致谢!

2 个答案:

答案 0 :(得分:7)

只需将.ui-widget-overlay的CSS位置设置为固定:

.ui-widget-overlay{position:fixed}

答案 1 :(得分:0)

我的猜测是,您在页面底部有浮动内容,查看正文的大小和形状。也许底部的空块元素有float:none和clear:两者都是为了确保体型包含所有可见元素(这通常是我的快速修复)。