CSS image.png未加載到Google驅動器上

Question

我正在嘗試使用背景獲取我的css文件：url（）; 為了使用正確的路徑在我的index.html上顯示我的圖像，此網頁是1頁的index.html，它僅顯示靜態內容和一些圖像，沒有什么花哨的東西，我目前在google驅動器上托管得非常好。

只是將圖像路徑設置為相對路徑時它們將不起作用，即為“ img / example.png”，並且它們與您將圖像設置為公開狀態所獲得的鏈接不起作用，因此任何人都可以查看它們例如“ https://drive.google.com/file/d/IMAGE_CODE/view?usp=sharing ”

如何使用CSS背景url（）;設法將圖像加載到驅動器上？

我不需要直接的鏈接，因此每次我的網站刷新時都必須重新下載圖像，這會導致刷新頁面加載非常緩慢，我希望它像加載速度更快的相對路徑一樣查找它們。

Answer 1

您的路徑可能位於錯誤的目錄中，可能會出現問題，因此您可以使用

../

向上移動目錄，直到找到正確的目錄為止。 例如，如果您的css文件位於文件夾結構（例如“ root / assets / stylesheets / style.css”）中，並且圖像位於“ root / img / image.png”中，則必須在css文件中使用以下代碼

background-image: url('../../img/image.png');

向上移動兩個目錄以正確調用您的圖片。