如果相对于父元素固定的元素位置不起作用IE？

Question

如果相对于父级固定的元素的位置不能正常工作？ 我发现当我定位一个元素时，如果父元素是相对的还是不相关的，那么它并不重要。它将相对于Internet Explorer中的窗口定位固定。

守则：

＆＃13;

＆＃13;

// Content DIV
.row {
  width: 1200px;
  margin: 0 auto;
  vertical-align: top;
  text-align: center;
  font-size: 0;
  position: relative;
}
// Call Action DIv
.CallActionR {
  position: relative;
}
.CallActionA {
  position: absolute;
  right: 0;
}
.CallActionContainer {
  position: fixed;
  z-index: 9999;
  opacity: 1;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  transform: translateZ(0px);
  transition: all 2s linear;
  right: 0;
}
.CallActionDisplay {
  margin: 0px;
  width: 200px;
  height: 58px;
  border: 0px none rgb(0, 0, 0);
  background-color: rgba(59, 110, 142, 0.74902);
  background-size: 100% 100%;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: rgb(241, 241, 241);
  text-decoration: none;
  word-wrap: break-word;
  white-space: normal;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  z-index: 9999;
  padding: 18px 15px;
  font-weight: 600;
  position: fixed;
  right: 0px;
}

＆＃13;

<div class="row">
  <div class="CallActionR">
    <div class="CallActionA">
      <div class="CallActionContainer">
        <div class="CallAction">Call TO Action</div>
      </div>
    </div>
  </div>
</div>

＆＃13;

＆＃13;

＆＃13;

位置固定在Google Chrome和Firefox等其他浏览器上正确对齐。但是进入IE 11并不能正常工作。固定<div>的位置未根据相对窗口对齐。

Answer 1

我刚遇到同样的问题。实际上大多数浏览器（Firefox / Chrome）除了IE之外都在做我想要的，但结果却是错误的行为。但是因为使用了'变换'＃39;它会破坏＆＃39;位置：在IE中修复（不在其他浏览器中）。这导致IE和其他浏览器之间的行为不同。

我的解释可能不太清楚，所以请阅读http://tympanus.net/codrops/css_reference/position/（Trivia＆amp; Notes的最后一段）。