jquery - 特定の要素の下に表示される jQuery UI モーダル ダイアログ

Question

ダイアログは正しく表示され、正常に機能します。ただし、ページ内でダイアログを移動すると、いくつかの要素がダイアログの上に表示されます。つまり、ダイアログはこれらの要素の下にあります。

ダイアログの上にある 2 つの要素を除いて、ダイアログに関連する周囲の領域は適切にグレー表示されます。それらはそれぞれの色を保持します。

これらのページ要素の両方に共通しているのは、どちらも背景画像 (私が必要とするもの) であり、CSS の background プロパティを使用して設定されることです。ページに設定されている唯一の背景画像なので、これが理由だと思いますが、理由や修正方法がわかりません。

動作は Chrome と Firefox の両方で同じです (IE、Opera、Safari についてはわかりません)。
私は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" );
      }
    });

背景画像の指定方法に特別なことはありません。
誰でも私を助けることができますか？