有没有办法防止容器元素的背景图像在Microsoft Edge中的窗口滚动时调整大小？

Question

我正在开发一个在启动页面上使用视差效果的设计。为了延长效果，我给了height 200vh height的必要元素，这在Chrome和Fire / Waterfox中效果很好。但是，在Microsoft Edge中，只要窗口滚动，图像就会立即调整大小，因为内容是个问题。应该注意的是，如果我将元素的100vh更改为#castle { height: 200vh; width: 100vw; background: url('image.svg') no-repeat fixed top; background-size: cover; } ，则在滚动时图像不会调整大小并且问题会消失。但是，如前所述，我的目的是延长视差效应。以下是相关代码。

CSS

{{1}}

分别在滚动之前和之后的屏幕截图。

令我感到困惑的是，当文档加载时，图像非常精细，只有在滚动时它的比例才会失真。

有人知道解决方法或可能导致此问题的原因吗？

任何帮助都会受到极大的赞赏！