0

我正在经历元素转换不当行为到我的页面，仅限 IE(11)；

全屏旋转滑块保持原位不会随着wrapper左侧滑块打开时移动（像我们在 Chrome/Firefox 中一样单击 info+ 按钮）。感谢@afelixj，我尝试将这个 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 中打开此页面，并使用 info+ 按钮打开/关闭左侧滑块。此处的实时链接

其他非全屏 rev 滑块页面使用 IE11/Chrome 中的左侧滑块打开/关闭可以正常工作。现场链接在这里。有什么想法吗？

LE：我也尝试过使用#wrapperor .shiftnav-wrapper：

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

（在第二次测试中，全屏转速滑块页面的结果看起来不错，但如果我打开一个非全屏转速滑块页面，内容将在 590 像素上移动 +590 像素。当左侧滑块打开时）。

4

1 回答 1

1

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

于 2015-06-21T17:03:02.920 回答