Html 我的视差是滞后的，我'；我只使用CSS构建它

我以为只制作视差CSS会让事情变得不那么滞后，但似乎不是。如果你想查看代码，并告诉我是否有些事情做得不好，我会很感激

html：

<div class="parallax">  
<div id="up">

    <div class="spacer"></div>

        <div id="intro">

            <h1>A studio made up of   </h1>
            <h2 class="future-animate">  1</h2>
            <div class="animate"></div>
            <h1> person,</h1>

        </div>

    <div class="spacer"></div>

</div>

还有小提琴：

---

提前谢谢。

您的代码运行正常，出了什么问题？真的吗？好的，谢谢你的输入，我将不得不研究其他可能性没有延迟，因为你已经修复了你的背景，而不是移动它比其他内容慢。

.parallax {
/* The image used */
background: url('bgintro.jpg');

/*sizing height */
height: 799px; 
width: 100%;

/* Creating the parallax scrolling effect */
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
float: left;
display: inline-block;
z-index: -1;
}

@media only screen and (max-device-width:1024px) {
.parallax{
    background-attachment: scroll;
 }
 }