Javascript &引用；位置：固定"；当父对象旋转或平移时，div不是固定的

带有“位置：固定”的

div

嵌入到父

div

中。当父对象旋转或平移时，子对象

div

也会移动

是虫子吗？我希望孩子

div

保持固定

HTML代码段：

 <div id="mask">
    <div id="page">
    </div>
 </div>

请参阅以下网址的复制：

我知道我可以通过对子

div

应用反向转换来修复它，但在我的实际场景中，出于性能原因，我正在寻找一种不涉及额外转换的解决方案

---

你知道如何克服吗？

这是一个回复，答案就在这个原始问题上

---

不幸的是，这是一个bug，但似乎有办法绕过它。

您不能拉出内部div吗？如果没有，为什么？我不能，因为在我的真实场景中，父div屏蔽了子div的一部分。无论如何，您都可以拉出内部div。这样做，然后玩

z-index

将遮罩放在页面上方。非常感谢！你知道如何像他们建议的那样“将变换后的div作为图像并将其用作背景”吗？我相信他们说的是，不要对变换后的div使用CSS，而是使用一个图像，并将其作为固定div中的背景，这样你将放置一个图像，而不是变换形状的实际CSS。[不幸的是，这并不是一个真正的“修复”，但听起来似乎没有别的事可做。]你说的“似乎有办法解决它”是什么意思？如果有办法的话，你为什么不能把它写下来作为一个答案，或者发表评论作为答案呢？答案提出的背景图像修复是一个非常适合的解决方案。。显然不适用于具有转换父元素的固定元素的所有实例。