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

小胖
  • 70

问题描述

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

尝试过方法

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

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

回复
阅读 1.3k
1 个回答

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏