在IE中,当我显示模态时,父页面上的下拉列表在模型顶部可见

<!-- 模态视图 -->
<div class="modal" id="modal">
  <div class="modal-content">
    <!-- 内容 -->
  </div>
</div>

<!-- 父页面 -->
<div class="parent-page">
  <select id="ddl-options">
    <!-- 下拉列表选项 -->
  </select>

  <div class="modal-overlay" onclick="toggleModal()">
    <div class="modal-icon"></div>
  </div>
</div>

<script>
// 根据需要编写JavaScript代码
function toggleModal() {
  const modal = document.getElementById('modal');
  const overlay = document.querySelector('.modal-overlay');

  modal.style.display = modal.style.display === 'none' ? 'block' : 'none';
  overlay.style.display = overlay.style.display === 'none' ? 'block' : 'none';
}
</script>