位置固定下拉菜单的 IE11 问题答案

【问题标题】：IE11 problems with position fixed dropdown menu位置固定下拉菜单的 IE11 问题
【发布时间】：2018-06-07 10:27:17
【问题描述】：

我已经为此苦苦挣扎了好几个小时。我有一系列与 z-index 相关的问题，位置：在 IE11 中已修复。我已经尝试过 -ms-device-fixed 但似乎没有解决这个非常奇怪的问题。部分下拉列表不可见，就像您在图片上看到的那样。

.ms-webpart-zone.ms-fullWidth .ms-webpartzone-cell {
 display: block;
 overflow-x: auto;
 overflow-y: visible;
 min-height: 220px;
 position: relative;
 z-index: 10;
}

下拉 CSS：

position:-ms-device-fixed!important;
z-index:20;
top: 10px;
position: fixed;
visibility: visible;
left: 88px;
width: 226px;

【问题讨论】：

对我来说，某处似乎有一个硬编码的高度/宽度。这似乎是它被剪辑在哪里的唯一原因。而且，您是否 100% 确定固定位置是您想要的？
实际上不是绝对不是我想要的但不幸的是它的共享点处理一个非常糟糕的 html 结构，其中 css 来自任何地方，所以基本上我只是想修复最可怕的事情，不会让最终用户的工作，主要是关于这个。谢谢@user875234，我仍然不确定高度有什么问题，当我不使用位置固定下拉菜单似乎正确但它们不会溢出div。

标签： html css css-position internet-explorer-11 fixed

【解决方案1】：

尝试使用position: expression(fixed);
尝试在父元素上使用position: relative;，在标题上使用position: absolute;。这是跨浏览器。

【讨论】：