Css 滚动背景图像

我有一个背景图像，我希望它在我的画布滚动

我使用的代码不起作用

非常感谢您的帮助，谢谢

    <style>   
        #gameCanvas{background:url("file:///C:/Users/Saqib/Desktop/Game/img/level%20.jpg")}

    body #gameCanvas{ 
    background-image: url('file:///C:/Users/Saqib/Desktop/Game/img/level%201.jpg');
    background-repeat: repeat-x;
    background-attachment: scroll;
    }
    </style>

#游戏画布{背景：url（“file:///C:/Users/Saqib/Desktop/Game/img/level%20.jpg")}
正文#游戏画布{
背景图像：url（'file:///C:/Users/Saqib/Desktop/Game/img/level%201.jpg');
背景重复：重复-x；
背景附件：滚动条；
}

由于您在后台imageL url（）中指定的文件路径无效，因此代码无效。 您不能将文件系统中的路径用于url，因为将在浏览器中查看此图片的用户的文件系统与您的不同。您应该使用链接到的文件的相对路径链接图像。例如，如果imase与此css文件位于同一文件夹中，则可以编写背景图像：url（“image.jpg”）