在jQuery UI对话框中，我如何更改单个模态对话框后面的颜色/对比度？

Question

使用jQuery UI模态对话框时，背景会变灰（我认为这是由我的主题滚动条驱动的）。 对于一个特定的模态对话框，我希望背景比默认选项提供的更暗。

更重要的是，当我加载一个特定的对话框时，如何改变背景屏幕的阴影。 在这种情况下，我不想改变我的主题滚动条CSS，因为我只想将其应用于一个特定的页面。

- leora

Answer 1

请将以下内容放在您的特殊页面上，从而覆盖背景。

<style>
 .ui-widget-overlay {
      background: url("images/ui-bg_flat_0_aaaaaa_40x100.png") repeat-x scroll 50% 50% #AAAAAA;
       opacity: 0.3;
  }
</style>

只需将不透明度调整到所需的级别，对于IE浏览器，您可能还需要修改图像。

希望我理解得没错...

- Tim

---

<style> works better with CSS than <script> does in my experience. Also, you may need to specify !important as the theme CSS may be more specific than this. - Chad

由于某种原因，我不得不添加 position: absolute、top: 0 和 left: 0。 - Saturn K