Question

对话框正确显示并按预期方式工作。但是，当我在页面上移动对话框时，一些元素将悬停在对话框上，即对话框位于这些元素下面。

与对话框相关的周围区域适当地灰化，除了悬停在对话框上方的两个元素;他们保留各自的颜色。

这两个页面元素的共同之处在于它们都是背景图像（我需要它们），使用CSS背景属性进行设置。它们是页面上设置的唯一背景图像，所以我假设这是原因，但我不知道为什么或如何修复它。

Chrome和Firefox的行为相同（关于IE，Opera或Safari的dunno）我正在使用jQuery 1.10.1和jQuery UI 1.10.3，对话框大致如下：

$( "#launch-dialog" ).dialog({
    autoOpen: false,
    height: 'auto',
    width: 'auto',
    modal: true,
    buttons: {
        "OK": function() {
            $("#launch-dialog").text("");
            $( this ).dialog( "close" );
        },
      },
      close: function() {
          allFields.val( "" ).removeClass( "ui-state-error" );
      }
    });

背景图像在指定方式上没有什么特别之处任何人都可以帮助我吗？

Answer 1

您应该将CSS中出现在对话框顶部的元素的z-index属性更改为较小的数字。听起来它比目前的实际对话更高，因此你的问题

jQuery UI模式对话框出现在某些元素下面

1 个答案: