jquery - 存在滚动条时，jQuery UI 模态对话框背景不会使页面背景底部变暗

Question

我有一个 jQuery UI 模式对话框http://www.citizenshipworks.org/当您单击“输入您的手机号码以接收文本警报”右侧的“开始”按钮时出现。（您可以将文本输入字段留空）。

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

Answer 1

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

.ui-widget-overlay{position:fixed}

Answer 2

我的猜测是您在页面底部有浮动内容，查看主体的大小和形状。也许在最底部有一个空块元素，带有 float:none 和 clear:both 以确保主体大小包含所有可见元素（这通常是我的快速和肮脏的修复）。