为什么固定灯箱会将自身附加到页面顶部而不是视口顶部？

Question

On this page，如果您向下滚动一点，然后点击其中一个艺术作品，您将看到＆＃34;已修复＆＃34;灯箱将自身附加到页面顶部而不是视口顶部。如何将其附加到视口？

Answer 1

我发现了问题。正文具有以下CSS样式：

-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;

当我把它拿出来时，固定的div开始表现正常了！