css - 浏览器一直在下载 CSS 背景图片

Question

浏览器不断下载我的 svg 背景图片。这是一个在我的网站上循环播放的 CSS 动画。

我做了一个屏幕记录来显示这个问题:https://share.getcloudapp.com/L1uzRzRo

这不是什么大问题，因为 svg 已缓存。但是，网站满载 +1000 秒看起来有点奇怪

body {
  min-height: 100vh;
  margin: 0;
  position:relative;
  overflow:hidden;
}
body:before {
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  background-image: url(https://www.turbotobias.dk/wp-content/uploads/2019/03/Fly-med-banner-TurboTobias-Graphics2.svg);
  background-position:center;
  background-size:400px auto;
  background-repeat:no-repeat;
  animation:slideLeft 5s linear infinite;
  
}


@keyframes slideLeft {
  from {
    transform:translateX(100%);
  }
  to {
    transform:translateX(-100%);
  }
}

Answer 1

我发现这不是代码问题，而是 VS 代码本地主机问题...每当我将代码带到实时服务器环境时，问题就解决了。