css - Angular 1.5 ui-view ng-scope固定定位css上下文不是window而是view

Question

我有一个 Angular 1.5 应用程序。

我有一个覆盖 View /思考模式的 .5 不透明度 div。该元素发生了一些变化，现在我需要让这个 div 覆盖整个窗口。元素使用ui-router。

我的理解(编写 CSS 7 年)是“固定”使用窗口的上下文 - 然而，div 不会粘在窗口上，而是停留在它的嵌套 View 中。实际上，我过去曾尝试在 div 中模拟固定定位，但这是不可能的，那么这里是怎么发生的呢？ View 是否创建了新的上下文？我可以覆盖它吗？

考虑到背后的更大原因，这可能是单行修复或一系列服务和部分重写。

HTML

参见 .xxx ^

CSS

我正在尝试在此处重新创建它，但无法... http://codepen.io/sheriffderek/pen/pNoZpL

<div ui-view ng-cloak class='main-outlet'></div>

>>> <div class="xxx"></div>

有谁知道这可能是什么 - 或者对我有任何指导吗？

谢谢。

Answer 1

事实证明，这与“ View ”或 Angular 或 ui-router 或 Ember/MVC 嵌套等无关，但是，我将把它留给那些可能也会迷失在这个主题上的人。我不知道从哪里开始 - 希望这可以帮助别人。

在我的例子中，固定上下文发生变化的原因是我使用了 transform: translate(x,x) 来居中一些东西。 translate() 改变了上下文，fixed 不再引用窗口，而是这个由具有翻译规则的元素定义的新上下文。如果你想故意这样做，这真的很棒，但似乎没有办法覆盖它......

css3 transform reverts position: fixed

'transform3d' not working with position: fixed children