css - 修复了 IE11 中的位置错误行为

Question

我在我的页面中遇到元素定位错误行为，仅在 IE(11) 中；实时链接 here . Logo 文本、菜单和左侧边栏文本保留在原位，不会随 wrapper 移动。当左侧 slider 打开时(单击信息+按钮)。我读过 position: fixed + transition在 IE 问题中。

我已经尝试申请 position: expression(fixed);到 header但是出了点问题，wrapper在打开/关闭 slider 处接收制动运动。 (边栏不适用于 position: expression(fixed); )

我还尝试调整 css修改 static/ absolute 中的元素位置值但没有成功。测试是在全屏模式下进行的，主题不适用于移动屏幕。有什么想法吗？

<罢工>LE:我找到了一个适用于 IE11 slider 的可能解决方案:

.header {
  position: absolute;
}

.bar-side {
  position: absolute;
}

<罢工>

将与 slider 一起工作，但也会在垂直滚动上移动。如果我能以某种方式解决这个问题，可能是一个解决方案。

Answer 1

这可能为时已晚，但对于整页 DIV(通过指定 top: 0; bottom: 0; left: 0; right: 0; )。在 Chrome、Edge、Firefox 和 Opera 上运行良好，但 IE11 以全视口(viewport)大小的方式显示 DIV，并且圆 Angular 似乎以某种方式从父级继承。

在使用 IE11 开发人员工具时，我发现了一个建议的替代选项作为位置参数 - “-ms-page”。使用 position: -ms-page 解决了问题；在此之前加上 position: fixed 允许其他浏览器继续运行。

希望这能帮助其他有类似问题的人......