GIF并非全屏野生动物园

Question

我在我的react应用程序的背景中显示gif，并且需要使用它来占据整个屏幕，而不管屏幕大小，浏览器等如何。它在chrome上可以正常工作，但在safari上却不能正常工作（切断中间屏幕）。这是一个很大的格式化问题，因为此版本当前正在生产中。如何获得正确格式化的gif？

CSS：

.myGradientBackground {
   background-image: url('my_gif.gif');
   background-size:100%;
   background-repeat: no-repeat;
   background-attachment: fixed;
   height:100%;
   width:100%;
}

Answer 1

我认为这会起作用

.myGradientBackground {
    background: url('my_gif.gif') no-repeat center center fixed; 
    background-size: cover;
}