Question

我遇到了元素转换错误行为进入我的页面，仅IE（11）;

当左侧滑块打开时，保持原位的全屏旋转滑块不随wrapper移动（点击我们在Chrome / Firefox中的信息+按钮）。感谢@afelixj，我尝试将this css hack用于IE，以便将tansition效果应用于全屏滑块，添加.fullscreen-container但没有结果。

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .header, #bar-left, .fullscreen-container{
      left: 0;
      transition: all .5s;
  }
  .shiftnav-open .header, .shiftnav-open #bar-left, .shiftnav-open .fullscreen-container{
     left:590px;
  }
}

为了进行比较，请在IE11和Chrome中打开此页面，然后使用信息+按钮打开/关闭左侧滑块.Live链接here

使用IE11 / Chrome中的左滑块打开/关闭，其他非全屏转速滑块页面正常工作。实时链接here。有什么想法吗？

LE：我也尝试过#wrapper或.shiftnav-wrapper：

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #wrapper{
      left: 0;
      transition: all .5s;
  }
  .shiftnav-open #wrapper{
     left:590px;
  }
}

（在第二次测试中，结果在全屏转速滑块页面中看起来不错，但是如果我打开非全屏转速滑块页面，当左侧滑块打开时，内容将以+ 590px移动超过590px。）< / p>

Answer 1

您可以尝试将样式应用于.fullscreen-container类，而不是.forcefullwidth_wrapper_tp_banner吗？

如何正确应用css hack进行IE11转换错误行为

1 个答案: