如何在CSS中频繁停止背景图片？

Question

我使用名为Slider Revolution的Wordpress插件创建了滑块，现在我通过CSS对其进行自定义。我在滑块中创建了一个小的开放空间，其中会显示我正在使用的技术徽标。除了那个空间，我用深色覆盖，但是问题是背景图像不断移动。我尝试了延迟，但无法正常工作。

简而言之，我需要类似这样的滑块：https://www.ripl.com

我创建了滑块，但是唯一的问题是背景图像没有停止。

这是我当前的动画CSS（我没有添加叠加层，因为它是在插件中创建的）

.slider_1{
        background:repeat-x;
        background-size:26%!important;
        width:5076px!important;
        animation: slide 20s linear infinite!important;
        }


@keyframes slide{
   0%{
       transform: translate3d(0, 0, 0);
     }
   100%{
       transform: translate3d(-1692px, 0, 0);
     }
 }

这是我目前的进展情况：https://siimteq-testing.cloudaccess.host/home_slider/

Answer 1

html {
  background-position: fixed
}

这是一种使之滚动时不会改变背景位置的方法。