jquery - jquery modal - 那很丑，我的模态有什么问题？

Question

我创建了一个快速模态对话窗口，当我在 FireFox 中打开它时，屏幕上有一条不褪色的带子（请参阅 参考资料）。这在 Chrome 中不会发生。

知道发生了什么吗？

---

jQuery：

  $("#add_route").click(function(){
    $("#create_route").dialog("open");
  });

  $("#create_route").dialog({
    autoOpen: false,
    height: 300,
    width: 200,
    modal: true,
    buttons: {
      Cancel: function() {
        $(this).dialog("close");
      }
    }
  });

html:

<div id="create_route" title="Create New Route">
  Please choose a lead for this new route:<br>
</div>

添加了jsfiddle

---

自然，它适用于 jsfiddle，但不适用于我的项目....

Answer 1

我不确定您是否使用 ASP.Net MVC 生成的项目。但是我在使用它时遇到了同样的问题。我发现该叠加层的背景定义为： background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; 那个 ui-bg_flat_0_aaaaaa_40x100.png 是一个 100-px 高的白色图像，这正是白色带的来源。希望这能有所帮助。