CSS滚动背景图像

时间:2014-11-24 01:29:27

标签: css scroll background-image

我有一个背景图片,我希望它在我的画布上滚动。

我使用的代码无效。

非常感谢您的帮助,谢谢。

    <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>

1 个答案:

答案 0 :(得分:0)

代码无效,因为您在background-imageL url()中指定的文件路径无效。 您不能使用文件系统中的路径作为网址,因为在浏览器中查看此图片的用户不具备与您相同的文件系统。您应该将图像与您要链接到的文件的相对路径链接起来。例如,如果imase与此css文件位于同一文件夹中,则可以编写background-image:url(&#34; image.jpg&#34;)