CSS滾動背景圖片

Question

我有一張背景圖片，我希望它在我的畫布中滾動。

我正在使用此代碼不工作。

有一點幫助，我將非常感謝，謝謝。

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

Answer 1

的代碼不工作，因爲文件路徑您在背景imageL指定網址（）是無效的。 您不能使用文件系統中的路徑獲取url，因爲在瀏覽器中查看此圖片的用戶與您的文件系統沒有相同的文件系統。您應該將圖像與您鏈接到的文件的相對路徑鏈接起來。例如，如果imase與此css文件位於同一個文件夾中，則可以編寫background-image：url（「image.jpg」）