Sitenin arka planına bir slayt koymak istedik. Sadece css ile çözebiliriz diye düşünüyorum. Aşağıdaki kod var elimde. Bu kodda slayt sayfa ile birlikte aşağı kayıyor. Ancak bizim istediğimiz slayt arkada sabit kalsın sayfa kaydıkça hareket etmesin.

body{
    background:url("images/1.jpg");
    animation:image 5s infinite alternate;
    -webkit-animation:image 5s infinite alternate;
    -moz-animation:image 5s infinite alternate;
}
@keyframes image{
0%{background:url("images/1.jpg");}
25%{background:url("images/2.jpg");}
50%{background:url("images/3.jpg");}
75%{background:url("images/4.jpg");}
100%{background:url("images/5.jpg");}
}

Bunun için şöyle bir kod denemesi yaptık ama bu kodda ilk resim sabit kalıyor fixleniyor slayt ilerlemiyor.

.p-body {
    background:url("") no-repeat center center fixed !important;
    animation:image 25s infinite alternate !important;
    -webkit-animation:image 25s infinite alternate !important;
    -moz-animation:image 25s infinite alternate !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
    }