IE8中select展示在最上层无法遮挡问题

问题描述

现有一个页面A调用layer弹窗展示页面B,正常情况一下页面B会遮挡页面A中的元素,但是在IE8中使用时发现select无法被遮挡,页面A中select元素会在页面B的更上方展示并且遮挡页面B中的元素。

尝试过方法

1.尝试配置z-index但是没有效果
2.尝试在弹出窗口时隐藏select元素,可以解决问题,但是客户领导不同意,理由是当弹出窗口较小时可以看到页面A中的改变。

求助,希望能提供一个有效解决方案,多谢!!!

阅读 370
评论 2019-05-20 提问
    1 个回答
    流霜
    • 810

    试一下给页面B弹窗的根节点加一个定位,设置z-index大于select的z-index。
    在定位布局中,z-index的值不是单纯的比较大小,会根据其父元素的z-index值确定

    评论 赞赏 2019-05-20
      撰写回答

      登录后参与交流、获取后续更新提醒